.banner-flickit.gallery-cell.is-selected {
    opacity: 1;
    z-index: 0;
    transform: none !important;
}

img.banner-image {
    width: 100% !important;
}

/*gallery.js-flickity.banner-flickit.flickity-enabled.is-draggable {
    position: relative;
    overflow: hidden; 
    max-height: 600px;
    transition: background-color 300ms ease-out;
}*/

.banner-flickit.flickity-viewport {
    position: absolute;
    width: 100%;
}

img.banner-image {
    object-fit: cover;
    object-position: center center;
}

.banner-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .banner-wrapper::after {
        content: "";
        position: absolute;
        inset: 0;
       /* background: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.15));*/
        z-index: 1;
    }

.banner-text {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 650px;
}

    .banner-text h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(24px, 3.8vw, 48px);
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 1px;
        color: #b4a5ae;
        -webkit-text-stroke: 1px rgba(0,0,0,0.35);
        text-shadow: 0 2px 6px rgba(0,0,0,0.65), 0 6px 18px rgba(0,0,0,0.45), 0 0 10px rgba(0,0,0,0.35);
    }

        .banner-text h2::after {
            content: "";
            display: block;
            width: 90px;
            height: 3px;
            margin-top: 12px;
            /*background: linear-gradient(to right, #ff4d6d, #ff9fb1);*/
            border-radius: 2px;
        }

@media (max-width: 768px) {

    .banner-text {
        left: 5%;
        right: 5%;
        max-width: 100%;
    }

        .banner-text h2 {
            font-size: 22px;
            -webkit-text-stroke: 0.6px rgba(0,0,0,0.35);
        }
}

@media (max-width: 576px) {
    .banner-image {
        height: 260px;
    }

    .banner-text h2 {
        font-size: 20px;
    }
}