-center leading-normal pb-4">
        Sync Lottie with scroll
      </h3>
      <div class="w-full md:w-1/2 mx-auto font-normal text-lg leading-reading">
        This section shows an example of a Lottie that is synced with the scroll bar. The scrolling effect is
        activated as soon as the animation enters the viewport. You may position the Lottie anywhere on your website
        and the Lottie will seek frame by frame as you scroll down the website.
      </div>
      <div class="mx-auto my-8 w-1/4 m