div[style*="border: 2px solid rgba(26, 115, 232)"] {
border: none!important;
}
const swiper = new Swiper('#swiper', {
effect: 'coverflow',
loop: false,
centeredSlides: true,
slidesPerView: 3.4,
spaceBetween: 0,
coverflowEffect: {
rotate: 0,
stretch: 0,
depth: 275,
modifier: 1,
slideShadows : false,
}
}
});
<div class="parent">
<div class="slider"></div>
<div class="content"></div>
</div>
.parent {
position: relative;
}
.slider {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.content {
position: relative;
z-index: 2;
}