Coverflow effect not working

[balramxyadav]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/935sdv?file=/src/App.jsx:181-218

Bug description

slide always remains 100% of the relative element and if I change the width of the component inside the slide then there is always some space on the right side when slidesPerView is set to auto and when it is set to another number then it continuously varies and I have tried almost every version of swiper but nothing seems to work but it is working on other frameworks

Expected Behavior

Actual Behavior

Swiper version

latest

Platform/Target and Browser Versions

firefox

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[nolimits4web]

Error on your side with overwriting styles, it works https://codesandbox.io/s/swiper-effect-coverflow-react-forked-nfou3i?file=/src/main.jsx