Card game - layer & Z-order issues

Greetings, I need some help with the card game I'm trying to make. The player has up to 10 cards in his hand, and they are displayed in such manner that they are slightly overlapping from right to left (think of games such as Hearthstone or Slay the Spire etc). When the player hovers the cursor over a card, it stands out from the rest. Its size is slightly increased, and it is placed on top of the layer so it can be seen clearly. When it's not above the card (else), the size resets back, however I can't figure out how to bring the card back to its original Z-order. Whatever I do, the card just stands out from the rest.

Any ideas?

I made an example that doesn't require families : drive.google.com/file/d/1D4DUWtDqlGsf0l849M1GoiEicVNvN44j/view

I also added a smooth movement effect when hovering the mouse on top of the cards; This is just for the Z ordering visual tho, I didn't add any auto sorting of some sort, but if you eventually need help with it I can give it a shot as well