The photo drifts in tilted in 3D and levels out as it crosses the viewport, like a print settling into a frame.
Exports tilt-and-level on scroll — the preview runs a continuous demo loop.
Horizon Settle tips the photo slightly in 3D as it enters the viewport, levels it flat as it crosses the center, then tilts it the other way on exit — a scroll-scrubbed perspective gesture, and the first 3D effect that animates on touch (no hover needed). It uses pure-CSS scroll-driven animations (animation-timeline: view()) with entry/exit keyframe-range selectors, gated behind @supports; browsers without support render the flat photo. The perspective and overflow:visible live OUTSIDE the @supports block so the container always reserves 3D room — this needs a wrapper with surrounding margin. Do NOT set an explicit animation-range: the default range must span both entry and exit or those keyframes never fire. Tune --ifx-hs-angle (tilt, keep <=12deg) and --ifx-hs-depth (perspective strength). The reduced-motion guard inside @supports holds the image flat.
Enhanced — scroll-driven animations. This effect uses an enhanced feature — provide a graceful fallback for older browsers. Give the figure surrounding space (a wrapper margin).