the issue is in your “Initial appearance”. Go there and just put the opacity at 100%, you’ll see that by just moving the object down, you’ve also reset it’s 3D transform.
So in the Initial state, you’ve got to reproduce and re-declare the 3D transform you’ve styled before, I guess (which doesn’t seem super natural to me either, I thought it would work the way you thought it would).
Anyway, do you see what I mean? Make sure your initial state gets the 3D transform.
If you only want this 3D transform element to move up and down, you should wrap it into a DIV and apply the interaction to that div, this way the 3D transform of the element won’t be affected.
Hope that helps!