About Swiper API in custom code

Hello, everyone :smile:

I am new to Webflow and it’s so cool!

So far I tried to make a coverflow swiper with Swiper API in custom code. I am having some trouble in making swiper show specific amount of slides when it has loop effect.

There are total 5 slides have to auto play in loop. With loop function, I use a div block mask to cover extra slides and it looks well on my screen, but when on a different screen it looks like the mask become too small to cover extra slides.

it looked well in this viewpoint

but when I change the viewpoint


Is that any way to make the swiper or the mask respond to the screen size? or are there other way to achieve this?

Thank you!

Here is my site Read-Only: Webflow - Artbat's Groovy Project

and because the swiper effect only can see on the published site:
https://artbats-groovy-project.webflow.io/