I am trying to do a simple animation for a photos stack, I created a component set with 2 components; one with the default state (left) and the other one with the photos moved and I set the animation to be while hovering and made it smart animate.
The problem is I want the photo in the front to stay in place and the other 2 to move, but this is not the case, the animation (if I can explain this correctly) seems to move from the top left corner and all photos are moved, how do I make it such that the photo in front stays in place and the other 2 only move?
I should have looked at your animation before I responded! Your animation looks great as you have it!
But an overlay should work as above to just stay in place or animate.
I use a trick for doing something similar where I will use an overlay changing after a delay but set the delay value so fast its not perceptible. So you could use different animations with components being composited.