CMS collection element when triggered is underneath other elements in the list

So I’m currently working on a portfolio page, and I have a collection list here:

My idea is that, when I click on one piece of work, the card will flip and expand, which I’ve managed to achieve:
09.01.2022_15.21.55_REC

But you can see the problem: this card is above the previous elements, but is underneath the other ones! I want it to be above all other elements in the list and cover them, but since this is a collection list, I couldn’t find a way to adjust the z-index of one specific element…

Is there any way to fix this issue? Thank you!


Here is my public share link: Webflow - Mingxi Li Design

Can somebody please help me with this issue? Thanks a lot! :sob: