💡 Key learning points:
z-index controls which element appears on top.@keyframes (animation).Starts at the bottom (z-index:1). Moves to top at 50%.
Starts in the middle (z-index:2). Rotates into front later.
Begins on top (z-index:3). Goes behind at 50%.