Swiper JS not centering when changing active class width

Hello everyone,

I have implemented Swiper on my site, and everything works well except that when I adjust the width of the .swiper-slide-active class, it seems to not recognize the added width, causing the carousel to not appear centered when clicked.

I have noticed that this issue only occurs when the .swiper-slide-active class has a bigger width than when it is inactive. I have tried everything and cannot achieve the desired result.

Can someone help me?


Here is my site Read-Only: Webflow - Seed

Preview: Seed