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.
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.