.animated_image_columns .inner{padding:0 20px 0 0}@media screen and (width >= 768px){.animated_image_columns .inner{padding:0 30px}}@media screen and (width >= 986px){.animated_image_columns .inner{max-width:986px;margin:0 auto;padding:0 30px}}.images-slider{gap:20px}@media screen and (width >= 768px){.images-slider{gap:40px}}.images-slider .slide-image{object-fit:cover;width:100%;height:100%}.image-slide img{display:block}@media screen and (width <= 768px){.image-slide{flex:calc(37% - 20px)}.image-slide:first-child{visibility:hidden;display:none}.image-slide:nth-child(2){flex-basis:52%}}@media screen and (width >= 768px){.image-slide{flex:25%}.image-slide:nth-child(2){flex-basis:42%}}.image-container .image.anime{animation:6s cubic-bezier(.39,.575,.565,1) infinite both imageFade}.slides_1 .image-container .image.anime{animation-delay:5s}.slides_2 .image-container .image.anime{animation-delay:1s}.slides_3 .image-container .image.anime{animation-delay:3s}.image-container .image{opacity:1;visibility:visible;z-index:2;transition:opacity 1s var(--transit-curve)}@keyframes imageFade{0%{opacity:0}33%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.image-container .image.anime{animation:none}.image-container .image{opacity:1;visibility:visible;transition:none}.slides_1 .image-container .image.anime,.slides_2 .image-container .image.anime,.slides_3 .image-container .image.anime{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/styles-columns-with-images.css.map */