<div class=" fade-in">
    <div class="relative isolate">
        <div class="mx-auto max-w-7xl px-6 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
            <div class="my-6 lg:my-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
                <img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/mycel5.jpg" 
                    alt="Mobile App Screenshot">
            </div>
            <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
                <h1 class="mt-2 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
                    About Mycelium
                </h1>
                <h2 class="text-balance lg:text-4xl text-3xl font-normal tracking-tight text-black">Redefining Digital Communication</h2>
                <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
                    Mycelium is designed to improve how we connect and communicate in the digital world. Its goal is to create a secure, efficient, and scalable digital ecosystem where data flows seamlessly and remains protected. 
                <p class="mt-2 text-md font-light text-stone-800 lg:text-lg">
                    We aim to build a system that adapts to our growing digital needs while promoting sustainability and security.
                </p>
            </div>

        </div>
    </div>
</div>
