Scroll down to see the sticky panel's background image change smoothly as each section enters the viewport.
Each section can have a different image or colour. The transition mode is configurable — fade or slide.
IntersectionObserver watches at 50% threshold. When a section crosses the midpoint, the image switches.
Zero dependencies. No GSAP. Works on any Squarespace site with a single script tag in Code Injection.