section.animated-image-collage{position:relative;margin-bottom:-50vh}animated-image-collage{display:block;height:100vh;position:relative;z-index:20}animated-image-collage .animated-image-collage__container{height:100%;width:100%;background-color:red;position:absolute;top:0;left:0}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;z-index:100}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content .animated-image-collage__container--content--text{padding:100px 100px 0;text-align:center;transform:translateY(-50px);opacity:0;transition:all .5s ease-in}@media (max-width: 749px){animated-image-collage .animated-image-collage__container .animated-image-collage__container--content .animated-image-collage__container--content--text{padding:40px 20px 0}}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content .animated-image-collage__container--content--text.animated-in{transform:translateY(0);opacity:1;transition:all .5s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content h2{font-size:var(--desktop-title-font-size);letter-spacing:var(--desktop-title-letter-spacing)}@media (max-width: 749px){animated-image-collage .animated-image-collage__container .animated-image-collage__container--content h2{font-size:var(--mobile-title-font-size);letter-spacing:var(--mobile-title-letter-spacing)}}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content h2,animated-image-collage .animated-image-collage__container .animated-image-collage__container--content p{text-align:center;margin-bottom:0}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content h2:has(+p){margin-bottom:16px}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content p{font-size:var(--desktop-description-font-size);letter-spacing:var(--desktop-description-letter-spacing)}@media (max-width: 749px){animated-image-collage .animated-image-collage__container .animated-image-collage__container--content p{font-size:var(--mobile-description-font-size);letter-spacing:var(--mobile-description-letter-spacing)}}animated-image-collage .animated-image-collage__container .animated-image-collage__container--bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}animated-image-collage .animated-image-collage__container .animated-image-collage__container--bg .animated-image-collage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:1;display:block;background:#000}animated-image-collage .animated-image-collage__container .animated-image-collage__container--bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media (min-width: 750px){animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(2,50%);gap:20px;padding:50px 100px;overflow:hidden;max-width:1200px}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image{position:relative;max-height:100%;height:100%;width:100%}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image img{width:auto;max-height:100%;height:auto;max-width:100%}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(1){display:flex;justify-content:flex-start;align-items:flex-end;transform:scale(1.2) translate(-100px);transform-origin:left bottom;z-index:50;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(1).animated{display:flex;justify-content:flex-start;align-items:flex-end;transform:scale(1.2) translate(0);transform-origin:left bottom;z-index:50;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(2){display:flex;justify-content:center;align-items:flex-end;transform:scale(1.2) translate(-10px);transform-origin:top center;z-index:10;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(2).animated{display:flex;justify-content:center;align-items:flex-end;transform:scale(1.2) translate(-10px);transform-origin:top center;z-index:10;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(3){display:flex;justify-content:flex-start;align-items:flex-end;transform:scale(1.2) translate(100px);transform-origin:right bottom;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(3).animated{display:flex;justify-content:flex-start;align-items:flex-end;transform:scale(1.2) translate(0);transform-origin:right bottom;opacity:1;transition:all .75s ease-in;z-index:50}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(4){display:flex;justify-content:flex-start;align-items:flex-start;transform:scale(1.2) translate(-80px,10px);transform-origin:left bottom;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(4).animated{display:flex;justify-content:flex-start;align-items:flex-start;transform:scale(1.2) translate(20px,10px);transform-origin:left bottom;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(5){display:flex;justify-content:center;align-items:flex-end;transform:scale(1.1) translate(50px,100px);transform-origin:bottom center;z-index:100;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(5).animated{display:flex;justify-content:center;align-items:flex-end;transform:scale(1.1) translate(50px);transform-origin:bottom center;z-index:100;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(6){display:flex;justify-content:flex-start;align-items:flex-start;transform:scale(1.2) translate(80px,-10px);transform-origin:right bottom;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(6).animated{display:flex;justify-content:flex-start;align-items:flex-start;transform:scale(1.2) translate(-20px,-10px);transform-origin:right bottom;opacity:1;transition:all .75s ease-in}}@media (max-width: 749px){animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,31%);gap:20px;padding:20px;overflow:hidden;max-width:1200px}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image{position:relative;max-height:100%;height:100%;width:100%}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image img{width:auto;max-height:100%;height:auto;max-width:100%}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(1){display:flex;justify-content:center;align-items:flex-end;transform:scale(1.2) translate(-50px);transform-origin:left center;z-index:50;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(1).animated{transform:scale(1.2) translate(0);z-index:50;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(2){display:flex;justify-content:center;align-items:center;transform:scale(1.2) translate(0);transform-origin:right top;z-index:10;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(2).animated{transform:scale(1.2) translate(0);z-index:10;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(3){display:flex;justify-content:center;align-items:center;transform:scale(1.2) translate(-50px);transform-origin:left center;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(3).animated{transform:scale(1.2) translate(0);opacity:1;transition:all .75s ease-in;z-index:50}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(4){display:flex;justify-content:center;align-items:center;transform:scale(1) translate(50px);transform-origin:left bottom;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(4).animated{transform:scale(1) translate(0);transform-origin:left bottom;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(5){display:flex;justify-content:center;align-items:flex-start;transform:scale(1.4) translate(-50px);transform-origin:bottom left;z-index:100;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(5).animated{transform:scale(1.4) translate(0);z-index:100;opacity:1;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(6){display:flex;justify-content:center;align-items:center;transform:scale(1.3) translateY(50px);transform-origin:right bottom;opacity:0;transition:all .75s ease-in}animated-image-collage .animated-image-collage__container .animated-image-collage__container--content--images .animated-image-collage__image:nth-child(6).animated{transform:scale(1.3) translate(0);transform-origin:right bottom;opacity:1;transition:all .75s ease-in}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/animated-image-collage.css.map */