Tiny amounts of CSS
Scroll-driven animations give you the ability to drive your CSS animations on scroll.
Cross fading
The trick is one animation to take opacity from 1 to 0. One image uses reverse animation-direction.
mix-blend-mode
For a better looking fade, use mix-blend-mode: plus-lighter on the images.
Driver
Drive the animation based on the container position. Use calc for other effects.
