Svelte(Kit): Making a reusable 'Animate On Scroll (once visible)' component

Ever needed to animate in an element once it's visible on the screen? There are multiple ways to achieve this, with even more ways to handle the animation. I'm using svelte-intersection-observer to track when the element is in view, and TailwindCS...