.image-text-overlay .ImageHero{display:flex;align-items:center;justify-content:center}.PlaceholderBackground{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1;overflow:hidden}.ImageHero__Image{position:relative}.ImageHero--large .ImageHero__Image,.ImageHero--large{height:58rem}.ImageHero--small .ImageHero__Image,.ImageHero--small{height:40rem}.ImageHero .ImageHero__Image,.ImageHero{position:relative}.ImageHero__Image>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%;width:100%}.ImageHero__Wrapper{text-align:center;width:35%;padding:3.2rem 1.8rem}.Heading{margin-top:0;text-transform:uppercase;letter-spacing:.2rem}.ImageParallax{background-size:cover!important;background-position:center center;background-repeat:no-repeat!important;transition:background-position .3s ease;will-change:background-position,opacity;opacity:0;transform:translateY(2rem);transition:opacity 1s ease,transform 1s ease;will-change:transform,background-position;backface-visibility:hidden;perspective:.1rem}.ImageParallax.in-view{opacity:1;transform:translateY(0)}@media screen and (max-width: 767px){.ImageParallax{background-attachment:scroll}.ImageHero__Wrapper{width:85%}.ImageHero--large .ImageHero__Image,.ImageHero--large{height:45rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-with-text-overlay.css.map */
