.collection-listing-slides.slides {
@media (min-width: 1024px){
        overflow: hidden;
        padding-bottom: 100px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 100px;
&:after,&:before {
            content: "";
            display: block;
            height: 50px;
            left: 0;
            position: absolute;
            width: 100%;
            z-index:9;
}
&:before {
            background: linear-gradient(180deg, #fff 67.73%, hsla(0,0%,100%,0));
            top: 0;
}
&:after {
            background: linear-gradient(0deg, #fff, hsla(0,0%,100%,0) 84.8%);
            bottom: 0;
}
}
}
.collection-listing-slides.slides .swiper {
@media (min-width: 1024px){
        height: 480px!important;
        overflow: initial;
}
}
.collection-listing-slides.slides .swiper-slide:not(.swiper-slide-active) {
@media (min-width: 1024px){
        transform: scale(.85);
}
}