This Is a Fade, Not a Slide
Bootstrap's carousel ships two transitions: the default pushes the next slide in sideways, but adding carousel-fade — what this hero uses — crossfades one photo into the next in place instead. No sideways motion, no seam.
A Caption Box, Not a Gradient
This panel is a solid, near-opaque box rather than a thin gradient over the photo — so it stays legible against any image underneath, bright ones like this included, without extra text-shadow tricks.
Tour the Layouts
Autoplay, Arrows, and Dots
data-bs-ride="carousel" starts the rotation on load; the arrows at either edge and the three dots below take over the moment a visitor touches them — click a dot to jump straight to a slide.