/* The slide contains only artwork. The overlay and controls stay outside it. */
.modern-hero-slide.is-mirrored {
    transform: translateZ(0) scaleX(-1);
}

@media (max-width: 767px) {
    .modern-hero-slide[data-hero-artwork="tavern"] {
        background-position-x: 24%;
    }

    .modern-hero-slide[data-hero-artwork="tavern"].is-mirrored {
        background-position-x: 76%;
    }
}