just stumbled onto this breakdown of how
animation-timeline: scroll()
differs from old-school trigger logic. its
essential reading if you want to stop using heavy js libraries for simple parallax effects. stop overcomplciating your layouts with intersection observers when native css can do the heavy lifting
unless you need complex sequencing, then stay on js . anyone else still relying on scrollmagic for legacy projects?
more here:
https://css-tricks.com/css-scroll-triggered-animations-first-look/