fix about response

templates/partials/about/about3.html

@@ -1,7 +1,12 @@
 <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">
+        <div class="mx-auto max-w-7xl px-6 lg:py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
+            <div class="mb-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/efficient.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">Highly Efficient</h2>
                 <h3 class="mt-6 font-light text-black lg:text-3xl text-xl">
@@ -11,12 +16,8 @@
                     Mycelium's routing algorithms prioritize minimizing latency in data transfer. This ensures that data takes the most direct and efficient route, reducing the time it takes 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"> #}
-                    <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/efficient.jpeg" 
-                    alt="Mobile App Screenshot">
-            </div>
+     
+           
         </div>
     </div>
 </div>