/**
 * Elementor Slides — per-slide responsive image variants.
 * Paired with assets/js/modules/elementor-slides-image-variants.js and
 * mu-plugins/site-core/elementor/widgets/slides-image-variants.php.
 *
 * The module injects a <picture> into .swiper-slide-bg. We hide the native
 * CSS background-image so the browser-selected <img> drives what's rendered.
 */

.swiper-slide-bg.has-miv-image-variants {
    background-image: none !important;
    /* Disable Ken Burns / slide-bg transforms so the <picture> doesn't drift. */
    animation: none !important;
    transform: none !important;
    /* Contain the picture's stacking context inside the bg layer so the
       slide-inner (heading/description/button) stays on top. */
    isolation: isolate;
}

.miv-slide-image {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 0;
}

.miv-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}