.image-banner-with-animation-wrapper{height:826px;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.start-animation{position:absolute;top:00px;width:100%;height:320px}.image-banner-with-animation-title{font-size:48px;font-weight:600;font-family:var(--font-heading-family);color:#fff;transition:font-size ease-in-out .3s}.image-banner-with-animation-title.focus{font-size:78px}.images-moving{position:absolute;bottom:-105px;width:1820px;display:grid;grid-template-columns:1fr 1fr 1fr;transition:bottom ease-in-out .3s}.images-moving.focus{bottom:-405px}.images-moving img{width:400px}.mobile-img{display:none}.headphone{justify-self:center}.airpods{justify-self:end}@media screen and (max-width:768px){.image-banner-with-animation-wrapper{height:380px}.image-banner-with-animation-title{font-size:30px;text-align:center}.image-banner-with-animation-title.focus{font-size:40px}.images-moving{width:390px;height:440px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;bottom:-55px;transition:width ease-in-out .3s}.images-moving.focus{width:700px;bottom:-55px}.start-animation{height:20px}.images-moving img{width:150px}.mobile-img{display:block;align-self:start;justify-self:end}.case{grid-row:2 / 3;grid-column:1/ 2;justify-self:start;align-self:end}.headphone{justify-self:start;align-self:start;grid-row:1 / 2;grid-column:1 / 2}.airpods{justify-self:end;align-self:end}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/image-banner-with-animation.css.map */