.wls-weekly-images {
    display: grid;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.wls-weekly-images__slide {
    grid-area: 1 / 1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 600ms ease;
    visibility: hidden;
}

.wls-weekly-images__slide.is-active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 1;
}

.wls-weekly-images__slide img {
    display: block;
    height: auto;
    width: 100%;
}

.wls-weekly-images__fallback,
.wls-weekly-images__fallback img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.wls-weekly-images__status {
    background: #f6f7f7;
    color: #50575e;
    padding: 1rem;
    text-align: center;
}

.wls-weekly-hero {
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.wls-weekly-hero-pending .elementor-element-704d9b72,
.wls-weekly-hero-active .elementor-element-704d9b72 {
    background-image: none !important;
}

.wls-weekly-hero::before,
.wls-weekly-hero::after {
    background-position: center 13.5%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scale(1.012) translate3d(0, 0, 0);
    transform-origin: top center;
    transition: opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.wls-weekly-hero::before {
    background-image: var(--wls-weekly-hero-image-a);
    z-index: -2;
}

.wls-weekly-hero::after {
    background-image: var(--wls-weekly-hero-image-b);
    z-index: -1;
}

.wls-weekly-hero-layer-a-active::before,
.wls-weekly-hero-layer-b-active::after {
    opacity: 1;
}

.wls-weekly-hero-layer-a-active::before,
.wls-weekly-hero-layer-b-active::after {
    animation: wls-weekly-hero-ken-burns var(--wls-weekly-hero-duration, 8000ms) ease-in-out both;
}

@keyframes wls-weekly-hero-ken-burns {
    from {
        transform: scale(1) translate3d(0, 0, 0);
    }
    to {
        transform: scale(1.012) translate3d(0, 0, 0);
    }
}

@media (min-width: 768px) {
    .wls-weekly-hero {
        min-height: 570px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wls-weekly-images__slide {
        transition: none;
    }

    .wls-weekly-hero::before,
    .wls-weekly-hero::after {
        transition: none;
    }

    .wls-weekly-hero-layer-a-active::before,
    .wls-weekly-hero-layer-b-active::after {
        animation: none;
        transform: none;
    }
}