<div class=" fade-in">
    <div class="relative isolate">
        <div class="mx-auto max-w-7xl px-6 py-12 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">Highly Efficient</h2>
                <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
                    Optimizing Data Routing
                </h3>
                <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
                    Mycelium's routing algorithms prioritize the shortest path in terms of latency for data transfer. 
                </p>
                <p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
                    This means that data is sent along the most direct and efficient route, reducing the time it takes for information to travel from the source node to the destination node. </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/about1.jpg" 
                    alt="Mobile App Screenshot">
            </div>
        </div>
    </div>
</div>
