.banner-slide > div {
    pointer-events: none;
}

.banner-slide {
 
    height: 70vh;
}

/* ------------------------
   Banner
------------------------- */

.banner-slide {
    height: 50vh; /* Mobile default */
}

.banner-slide > div {
    pointer-events: none;
}

.banner-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.banner-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.45) 30%,
        rgba(0, 0, 0, 0.15) 60%,
        rgba(0, 0, 0, 0) 100%
    );
}