<!-- Start block -->
    <div class="grid max-w-screen-xl px-4 pt-4 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
        <div class="mr-auto place-self-center lg:col-span-7">
            <h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Our Planet Needs a <br>Cloud & AI Infrastructure Upgrade.</h1>
            <p class="max-w-2xl mb-6">Mycelium was developed to address the increasing demand for a decentralized, secure, and efficient cloud and AI infrastructure in today's interconnected digital landscape.</p>
            <div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4 border-t border-gray-200 my-7 dark:border-gray-700">
                <div class="pt-8">
                    <h3 class="mb-2 text-2xl font-bold dark:text-white">Sovereign</h3>
                    <h6 class="text-gray-500 dark:text-gray-400">Local infrastructure ensures data locality and security
                    </h6>
                </div>
                <div class="pt-8">
                    <h3 class="mb-2 text-2xl font-bold dark:text-white">Private</h3>
                    <h6 class="text-gray-500 dark:text-gray-400">Complete control over your own data at your proximity</h6>
                </div>
                <div class="pt-8">
                    <h3 class="mb-2 text-2xl font-bold dark:text-white">Decentralized</h3>
                    <h6 class="text-gray-500 dark:text-gray-400">Dispersed workloads System, instead of centralizing data</h6>
                </div>
                <div class="pt-8">
                    <h3 class="mb-2 text-2xl font-bold dark:text-white">Secure</h3>
                    <h6 class="text-gray-500 dark:text-gray-400">Multi-layered security architecture for data and compute safe</h6>
                </div>
            </div>
        </div>
        <div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
            <img src="images/my1.png#mx-auto" alt="hero image">
        </div>                
    </div>
<!-- End block -->