Framer Motion in Webflow

<script type="module">
    import { animate, scroll, inView, stagger } from "https://cdn.jsdelivr.net/npm/motion@11.11.13/+esm"

    const heroHeading = document.querySelector(".hero-heading")

    animate(heroHeading, { opacity: [0, 1] }, { initial: { opacity: 0 } })

    inView(".logo-banner-link", (info) => {
        animate(info.target, { opacity: [0, 1]  }, { delay: stagger(0.5) })
    })
</script>