.hero-banner--block{display:block}.hero-banner--block .banner__media{display:flex;position:relative;background-image:var(--background-image);background-repeat:no-repeat;background-size:cover}.hero-banner--block .banner__media img{opacity:0;transition:opacity .3s ease-in-out}.hero-banner--block .banner__media.loaded img{opacity:1}.hero-banner--block .banner__media:before{content:"";display:block;padding-bottom:var(--ratio-percent)}.banner__media-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner__media.banner__media-video:after{content:none}@media screen and (min-width:750px){.hero-banner{display:flex}.hero-banner>*{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-hero-image-video.css.map */