.scroll-fade-image-section .container{max-width:1200px;margin:0 auto;padding:0 107px}.scroll-fade-image-section .scroll-fade-container{display:flex;justify-content:center;gap:19px}.scroll-fade-image-section .scroll-fade-card{text-align:center;width:100%;max-width:33.33%;position:relative}.scroll-fade-image-section .image-wrapper-box{position:relative;overflow:hidden;border-radius:20px}.scroll-fade-image-section .image-wrapper-box img{width:100%;height:100%;max-width:100%;transition:opacity .3s ease;display:block;position:absolute;top:0;left:0;object-fit:cover}.scroll-fade-image-section .image-wrapper-box:after{content:"";padding-bottom:117.4%;display:block}.scroll-fade-image-section .image-wrapper-box .hover-image{position:absolute;top:0;left:0;opacity:0}.scroll-fade-image-section .scroll-fade-card.visible .hover-image{opacity:1}.scroll-fade-image-section .scroll-fade-card.visible .main-image{opacity:0}.scroll-fade-image-section .text-content.text-align-center{text-align:center}.scroll-fade-image-section .text-content.text-align-left{text-align:start}.scroll-fade-image-section .text-content.text-align-right{text-align:end}.scroll-fade-image-section p.fade-card-title{margin-top:21px;font-size:32px}.scroll-fade-image-section .text-content h2.h1{margin-bottom:24px;font-family:Comfortaa;font-weight:700;font-size:32px;line-height:1.1;letter-spacing:0}.scroll-fade-image-section a.collection_url.hidden{position:absolute;width:100%;height:100%;display:block;top:0;left:0}@media (min-width: 769px){.scroll-fade-image-section .scroll-fade-card:hover .hover-image{opacity:1}.scroll-fade-image-section .scroll-fade-card:hover .main-image{opacity:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.scroll-fade-image-section p.fade-card-title{margin-top:14px;font-size:24px}}@media (max-width:768px){.scroll-fade-image-section .container{padding:0 40px}.scroll-fade-image-section .scroll-fade-container{flex-direction:column}.scroll-fade-image-section .scroll-fade-card{max-width:100%}.scroll-fade-image-section .image-wrapper-box:after{padding-bottom:70.4%}.scroll-fade-image-section p.fade-card-title{margin-top:10px}.scroll-fade-image-section .scroll-fade-container{gap:30px}}@media (max-width: 600px){.scroll-fade-image-section .text-content h2.h1{font-size:28px}.scroll-fade-image-section .text-content{max-width:270px;width:100%;margin:0 auto}.scroll-fade-image-section .container{padding:0 30px}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/scroll-fade-gallery.css.map */