The TAOS plugin is used for animation on scroll. The plugin uses Tailwind so all css styles can be animated along with the option to activate once or repeat many times.
<div class="col relative text-center lg:w-6/12 duration-[1000ms] delay-[500ms] taos:opacity-0 [animation-iteration-count:infinite]">
<h1 class="font-semibold">Tailwind CSS Animation on Scroll Library</h1>
</div>