.hero-slide {
        opacity: 0;
        transition: opacity 0.8s ease-in-out;
        pointer-events: none;
    }

    .hero-slide.active {
        opacity: 1;
        pointer-events: auto;
    }