Hero Reveal Animate Block

<section class="relative bg-grey-100 component-spacer-padding opacity-0" data-vanilla-module="HeroAnimationRevealBlock">
    <div>
        <div class="js-hero-grid grid h-full grid-rows-[1fr_auto] gap-12">
            <div class="flex items-end justify-center">
                <div class="js-copy-wrap">
                    <div class="js-copy mx-auto max-w-4xl px-6 text-center">
                        <p class="js-eyebrow mb-3 text-lg uppercase tracking-[2px] text-grey-600">
                            Ultrafast Speeds
                        </p>

                        <h2 class="js-heading 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>

                        <p class="js-body mx-auto mt-6 max-w-xl text-xl text-grey-600">
                            Full fibre runs directly to your house, giving you the fastest and most
                            reliable speeds. Most rural properties do not have full fibre installed —
                            that's where we make the difference.
                        </p>
                    </div>
                </div>
            </div>

            <div class="flex justify-center pb-0">
                <div class="js-speed-wrap relative h-[730px] w-[1300px]">
                    <div class="js-speed relative flex h-full w-full origin-top items-center justify-center overflow-hidden">
                        <div class="js-speed-text absolute top-2/4 left-2/4 z-20 -translate-2/4 text-[90px] font-extrabold text-white opacity-0">
                            Super speeds
                        </div>

                        <video class="js-video absolute left-0 top-0 z-0 h-full w-full object-cover" muted playsinline autoplay loop preload="auto" disablepictureinpicture>
                            <source src="/front-end/playground/grad.webm" type="video/webm" />
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>