Hero Image Sequence Scrub

<section class="relative" data-vanilla-module="HeroImageSequenceScrub">
    <div class="top-0 overflow-hidden" data-pin-track>
        <div class="grid h-full grid-rows-[1fr_auto]">
            <div class="flex items-center justify-center py-12">
                <div class="mx-auto max-w-4xl px-6 text-center">
                    <p class="mb-3 text-lg uppercase tracking-[2px] text-grey-600">
                        Ultrafast Speeds
                    </p>

                    <h2 class="mx-auto max-w-2xl text-5xl font-medium leading-tight text-black md:text-5xl">
                        Full fibre speeds are much faster than regular part fibre
                    </h2>
                </div>
            </div>

            <div class="flex justify-center pb-0">
                <canvas class="js-canvas w-[1280px]"></canvas>
            </div>
        </div>
    </div>
</section>