Images flicker using EffectFade when resizing window

[thoughtassassin]

Check that this is really a bug

• [X] I confirm

Reproduction link

https://codesandbox.io/p/sandbox/framer-motion-bug-6wvgjw

Bug description

The images in a full screen slideshow with EffectFade flicker as the size of the page is resized. To reproduce resize the window that the slideshow is running in.

I noticed this on a website that I am working on. It's built in Next.js but the issue reproduces in a codesandbox environment just using React. Here is the link to the website that I working on.

Expected Behavior

The images should remain should flicker or flash when resizing the window

Actual Behavior

The images begin to flash or flicker as the window is being resized

Swiper version

11.1.8

Platform/Target and Browser Versions

macOS 13.5.2 Firefox 128.0.3, Chrome 126.0.6478.183, Safari 16.6

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• [X] 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

[dijkermans]

I'm having a similar issue with core 11.1.1: When loop mode is true, the images of the 2nd slide (and up) flicker the same way as the example above. It works fine without loop mode.