.images-with-text-header{position:relative;display:flex;justify-content:space-around;background:rgb(var(--color-background));align-items:flex-end;text-align:center;padding:3rem 4rem 4.2rem;padding-left:calc(var(--page-width-margin) / 2);overflow:hidden}.images-with-text-header img{height:auto;max-width:152px;width:100%;object-fit:cover;object-position:center bottom;position:absolute;bottom:6px;right:0;transform:rotate(-18deg) translate(19px)}.images-with-text-header:before,.images-with-text-header:after{content:"";width:36%;height:100%;display:block;position:absolute;bottom:0;background:#192e3b;transform:translate(0);left:0;z-index:1}.images-with-text-header:after{left:auto;right:0;animation:slideRight 3s ease-out forwards}.images-with-text-header:before{animation:slideLeft 3s ease-out forwards}.images-with-text-header img:first-child{display:none}.images-with-text-header__content{width:100%;max-width:360px;text-align:center;align-self:center;z-index:3;font-size:1.2rem;line-height:1.5}.images-with-text-header__content h2{font-size:1.6rem;line-height:1.24;margin-bottom:1.4rem}.images-with-text-header__content strong{font-weight:700}@keyframes slideLeft{to{transform:translate(-101%)}}@keyframes slideRight{to{transform:translate(101%)}}@media screen and (min-width:567px){.images-with-text-header img{max-width:210px}}@media screen and (min-width:767px){.images-with-text-header{padding:4rem 0 5.1rem}.images-with-text-header img{height:84%;max-height:100%;max-width:41%;width:auto;object-fit:cover;margin:0;bottom:0}.images-with-text-header img:first-child{display:block;right:auto;left:-22px;max-width:246px;height:auto;transform:none}.images-with-text-header__content{font-size:1.4rem}.images-with-text-header__content h2{font-size:2.4rem;margin-bottom:1.5rem}}@media screen and (min-width:1025px){.images-with-text-header{padding:4rem 0 2.3rem}.images-with-text-header__content{max-width:650px;font-size:1.6rem}.images-with-text-header__content h2{margin-bottom:2.4rem}}@media screen and (min-width:1320px){.images-with-text-header{padding:6.4rem 0 4.7rem}.images-with-text-header img{height:100%;max-height:100%;transform:none}.images-with-text-header img:first-child{max-width:355px;left:0}.images-with-text-header__content h2{font-size:4rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-images-with-text-header.css.map */