Slider not visible in Angular 15

[omgiamhere]

I am using ng slider and followed the demo as it is, except for using the images locally. The slider is not visible although it looks like it is occupying space (Screenshot GALLERY and the code was below that for slider). On the console i find no error. Can anyone help? I doubt if the image src is correct, please let me know from the attached screenshot. I am new to coding

Dependencies: "dependencies": { "@angular/animations": "^15.2.10", "@angular/common": "^15.2.10", "@angular/compiler": "^15.2.10", "@angular/core": "^15.2.10", "@angular/forms": "^15.2.10", "@angular/platform-browser": "^15.2.10", "@angular/platform-browser-dynamic": "^15.2.10", "@angular/router": "^15.2.10", "@popperjs/core": "^2.11.6", "bootstrap": "^5.3.3", "ng-image-slider": "^7.0.1", "rxjs": "~6.6.0", "tslib": "^2.1.0", "zone.js": "^0.11.8" }, "devDependencies": { "@angular-devkit/build-angular": "^15.2.11", "@angular/cli": "^15.2.11", "@angular/compiler-cli": "^15.2.10", "@angular/localize": "^15.2.10", "@types/node": "^12.11.1", "typescript": "~4.9.5" }