Need help with Swiper on Mobile (implemented in webflow)

[asafco99]

Hello,
I've implemented Swiper in my webflow website and I'm facing an issue on mobile. I do able to swipe and see the content, but when I navigate back with the arrows it overlays part of the pervious slide's content on top the current slider. I was trying to change some of the swiper parameters but it didn't work.

`<style>
.events-slider-prespective-wrap {
perspective: 1000px;
perspective-origin: 50% 0%;
transform: perspective(1000px);
transform-origin: 50% 0%;
}
.events-slider-wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
transform: rotateX(20deg) rotateY(0deg) rotateZ(0deg) perspective(1000px);
transition-property: transform;
transition-duration: 800ms;
transition-timing-function: ease;
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
.events-slider-wrapper {
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) perspective(1000px);
}
</style>`

This is what I see

www.flytrex.webflow.io