How do I change the position of an element on hover in Figma?

Question

Layouts and prototypes

It is necessary to make it so that when hovering, the element (the picture with the product) rises up with the appearance of a shadow. I make a component out of the element, I move the child element outside the frame, I make a connection (trigger: hover, location: 20 pixels higher, delay 100 ms), how can I make the parent component disappear (otherwise two cards overlap each other)?
I understand what can be done through the transition to another frame, but then the frame will open from the very top, and my block with cards in the middle.
In adobe xd, I do it simply, I select the state of the card to Hover and everything turns out, but with the figma I'm stupid. Please tell me how to do it?

Answer 1

On transitions, it is possible to remain in the same position on the scroll of the page / frame
. In your case, it should help