diff --git a/layouts/index.html b/layouts/index.html
index 7982143d40..c2e748b6d2 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -46,11 +46,12 @@
 
       <div class="grid grid-cols-1 gap-4 p-6 sm:flex sm:flex-col xl:grid-cols-1">
         <div
-        class="flex flex-col h-full flex-row gap-2 rounded bg-white p-4 drop-shadow-sm dark:bg-gray-dark-200">
-        <div class="flex items-center gap-4 justify-start">
+        class="flex md:flex-col gap-2 rounded bg-white p-4 drop-shadow-sm dark:bg-gray-dark-200">
+        <div class="flex flex-col gap-4 self-center items-center">
         <img class="w-[200px]" src="/assets/images/docker-future.png" />
+        </div>
         <div class="flex flex-col">
-          <div class="text-2xl leading-snug text-gray-light-800 dark:text-white">
+          <div class="text-xl leading-snug text-gray-light-800 dark:text-white">
             Shape the future of application development!
           </div>
           <div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
@@ -64,7 +65,6 @@
           </div>
         </div>
         </div>
-        </div>
       </div>
 
     <div class="flex mx-auto w-[1200px] flex-col gap-4 p-6 lg:w-full">