Weird blur position of rotating cards. Not working as intended, any help?

So we have flip cards for our team section – The blur that shows at the start is only supposed to be behind the image, and only show when you click “read more” – When you do click it and click back it it does show how it’s initially supposed to be. The way it’s working right now feels like a bug, not sure a way around this.


Here is my site Read-Only: Webflow - Kenshō

Hi there!

You can put the “flipcard-more” animation as first click and “flipcard-less” as second click directly on your “flipcard-wrapper” div.

You target the child (see screenshot), except for “flipcard-wrapper” of course. (This won’t be possible in all cases).

The problem stemmed directly from the way the different divs of your animation were targeted in relation to the “about-scroll-click-bio” paragraph that handled the animation in your initial build.

Capture d’écran 2024-10-01 à 12.20.23