Parallax Pan

Moves foreground and background layers at different speeds using interpolate() on translateX, creating a parallax depth effect. The differential motion adds a cinematic sense of depth to flat content, making it ideal for landscape shots, product showcases, or stylised scene transitions.

Layer speeds, pan direction, and content for each layer are configurable. The animation is frame-driven and deterministic, rendering identically in preview and server-side output.