Centered slides using swiperJS

Hi!

I have a problem regarding some code from swiperJS.
I want to create a layout where the active slide is centered and the non-active slides are sticking to the top of the active slide and have no gap. In layout, it works properly as I want it to look, though, the active slide in the centered is a bit of when you are swiping. I think it has something to do with the fact that I lock the images with padding-top + width in custom code, but I am not sure…
Here is my read link: Webflow - Studio Renate Braams
As you can see, the slide does not snatch to the center at all times, it is a bit off when you are sliding.

Let me know if anyone could help me out with this matter!
Thanks in advance


Here is my site Read-Only: Webflow - Studio Renate Braams

Also a problem I have noticed: when you reload the page, the active side is not centered