The .active class needs to be added to one of the slides otherwise the carousel will not be visible..d-block and .w-100  on carousel images to prevent browser default image alignment.
Use the .carousel-control-prev & .carousel-control-next through previous and next controls. We recommend using <button> elements, but you can also use <a> elements with role="button".
Use the .owl-carousel through slides.











Use the .owl-carousel through slides.











Use the .carousel-indicators through carousel indicates.
Add captions to your slides easily with the .carousel-caption element within any .carousel-item.
Add .carousel-fade to your carousel to animate slides with a fade transition instead of a slide. Depending on your carousel content, you may want to add .bg-body or some custom CSS to the .carousel-items for proper cross-fading.
data-bs-interval="" to a .carousel-item  to change the amount of time to delay between automatically cycling to the next item.
                  Carousels support swiping left/right on touchscreen devices to move between slides. This can be disabled using the data-bs-touch  attribute.
Add .carousel-dark  to the .carousel  for darker controls, indicators, and captions.