<div class=" fade-in py-12">
    <div class="relative isolate">
        <div class="mx-auto max-w-7xl px-4  lg:flex lg:items-center lg:gap-x-20 lg:px-8">
            <div class="my-6 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/scalability.jpeg" 
                alt="Mobile App Screenshot">
        </div>
            <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
                <p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p>
                <h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Enhances Scalability</h2>
                <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
                    Designed to Adapt
                </h3>
                <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
                    Mycelium is an open-source project built to adapt dynamically to changing network conditions. As new nodes join or existing nodes leave, the system adjusts seamlessly, allowing Mycelium to scale and support more participants without sacrificing performance.

                <p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
                    The system is designed to efficiently distribute network traffic. During periods of high demand or increased data transfer, Mycelium balances the load by routing data through multiple paths or nodes. This ensures the network can handle greater traffic and more users without becoming overloaded.
                </p>
            </div>        
        </div>
    </div>
</div>
