refactor: update Presentation component to use local image and adjust layout styles

Author: igrisdev

public/img2.png

@@ -1,5 +1,5 @@
 <section
-  class="relative gap-4 lg:gap-0 flex flex-col-reverse justify-center items-center lg:flex-row h-full min-h-[850px]"
+  class="pt-20 sm:pt-0 relative gap-4 lg:gap-0 flex flex-col-reverse justify-center items-center lg:flex-row h-[100vh]"
 >
   <div
     class="lg:flex-1 flex flex-col gap-4 items-center lg:items-start justify-center lg:pb-32 max-w-xl"
@@ -40,12 +40,14 @@
     </button>
   </div>
 
-  <div class="lg:flex-1 flex items-center">
-    <img
-      class="max-w-[500px] lg:max-w-2xl w-full"
-      src="https://img.freepik.com/foto-gratis/bohemio-hombre-pulgar-arriba_1368-3700.jpg?t=st=1726082455~exp=1726086055~hmac=0ecc605f1d0ceba9e795bd188001281401be98bba6bc74e002be7aab7490168a&w=996"
-      alt=""
-    />
+  <div class="lg:flex-1">
+    <div class="flex items-center justify-center">
+      <img
+        src="/img2.png"
+        alt=""
+        class="w-auto h-auto max-h-[450px] sm:max-h-[500px] md:max-h-[600px] lg:max-h-full"
+      />
+    </div>
   </div>
 </section>