.hero-carousel-bg {
    position: relative;
    background-size: cover;
    background-position: center center;
    transition: background-image 1.5s ease-in-out; /* Smooth 1.5s cross-fade */
}