.swiper-container{padding-bottom:50px;padding-top:50px;position:relative;width:100%}.swiper-slide{background-position:50%;background-size:cover;height:auto;width:300px}.bg-img{height:100%;width:100%}.bg-img:before{background-image:linear-gradient(to bottom right,#000,#000);content:"";inset:0;opacity:var(--distance);position:absolute}