Swiper not working, all slides stacked and visible

[spektred]

Check that this is really a bug

• I confirm

Reproduction link

https://www.tcbk.com/

Bug description

This is an issue that seems to have just happened suddenly with no changes to the code. So we wonder if there is some kind of conflict. It doesn't appears inconsistently. I can't replicate it on my machine but everyone else who views the website says the issue is there (at the bottom of the page, is three buttons and the slider at the bottom should animate when those buttons are clicked).

Expected Behavior

At the bottom there should be 3-image slider that animates on its own and when the buttons are clicked.

Actual Behavior

Most people are telling me that the sliders at the bottom has all three images just stacked.

Swiper version

7

Platform/Target and Browser Versions

Chrome, Edge

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

[spektred]

Note - now updated to version 10, and the issue is still seen in Chrome. But strangely, I don't see it in Edge or Firefox.

I asked a developer to look at it. He suspects that the CSS classes related to its fade-in that happens upon scroll is conflicting with the swiper. <div class="swiper-wrapper animated animate__fade-in animation-delay-250">