Hero Transparent Video

<div class="aspect-square lg:aspect-16/6 bg-black relative">
    <div class="absolute z-20 w-full h-full flex items-center justify-center">
        <div class="container">
            <h1 class="font-heading uppercase text-8xl font-bold text-white">Doggo</h1>
        </div>
    </div>
    <video preload="auto" class="absolute z-5 object-cover w-full h-full top-0 left-0 lazyloaded" muted="" autoplay="" loop="" playsinline="">
        <source src="/front-end/playground/background.mp4" type="video/mp4">
    </video>
    <div class="absolute z-20 right-0 bottom-0">
        <video preload="auto" muted="" autoplay="" loop="" playsinline="">
            <source src="/front-end/playground/output.webm" type="video/webm">
        </video>
    </div>
</div>