Center focused slider

Question

I need to do both on the design but I can't do it in any way. enter image description here Who is a professional in this topic help. I tried it with swiper slider, but it didn't work out.

That's what I get with swiper slider enter image description here That's code '''https://codepen.io/bilolisroilovv/pen/rNeePvX'''

The problem is that if you increase the width of the center element, it comes out.

How can I solve this problem? Or try any other ready-made option!

Answer 1

for this purpose you should decrease number of slidesPerView: . for example in this size you should set slidesPerView: 2 .