FramerMotion useTransform Animation while in viewport

Framer motions “useViewportScroll” and “useTransform” are great to create animations based on the scroll position (i.e. a parallax effect).
In some cases however, we only want the animation effect to be executed when an element is visible inside the viewport, so its executed 100% (start )while the section is visible in the users viewport and not ex

This is my first draft, without any fonky funkyness, like intersection observer. For now I can live with it. :-)