<div class=" fade-in">
    <div class="relative isolate">
        <div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
            <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
                <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 designed to dynamically adapt to changing network conditions. This means that, as new nodes join the network or as existing nodes leave, the system can adjust seamlessly. This adaptability allows Mycelium to accommodate an increasing number of participants without compromising performance.
                </p>
                <p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
                    Mycelium can distribute network traffic effectively. In cases of increased network usage or high data transfer demands, the system can balance the load by routing data through multiple paths or nodes. This load distribution ensures that the network can handle a larger volume of data and more users without becoming overwhelmed.
                 </p>
            </div>
            <div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about4.jpg" 
                    alt="Mobile App Screenshot">
            </div>
        </div>
    </div>
</div>
