/* A visible frame stays behind each ambient film until playback begins. */
.revlon-home-hero>.hero-film{opacity:0}
.revlon-home-hero>.hero-film.has-frame:not(.stalled){opacity:1}
.lab-teaser-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#ece9e5}
.lab-teaser-strip .lab-teaser-media>img,
.lab-teaser-strip .lab-teaser-media>video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
.lab-teaser-strip .lab-teaser-media>video{opacity:0}
.lab-teaser-strip .lab-teaser-media>video.has-frame:not(.stalled){opacity:1}
.card-image>.card-poster,.card-image>.card-video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.card-image>.card-video{opacity:0}
.card-image>.card-video.has-frame:not(.stalled){opacity:1}
@media (prefers-reduced-motion:reduce){
 .revlon-home-hero>.hero-film{display:block!important;opacity:0!important}
 .revlon-home-hero>.hero-film.has-frame:not(.stalled){opacity:1!important}
}

/* Keep the fallback and playing frame aligned at every screen size. */
.revlon-home-poster img{object-position:right center}
@media(max-width:700px){.revlon-home-hero>.hero-film,.revlon-home-poster img{object-position:68% center}}