diff --git a/layouts/index.html b/layouts/index.html
index bad44703f9..afd62fc058 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -42,10 +42,8 @@
         </div>
         {{ end }}
       </div>
-    </div>
-    <div class="w-full bg-gradient-to-b from-black to-green-light-800 shadow-lg">
-      <div class="mx-auto p-12 w-[1000px] lg:w-full text-white flex items-center gap-6">
-        <div class="space-y-6">
+      <div class="bg-gradient-to-b from-black to-green-light-800 shadow-lg p-12 text-white grid gap-6 grid-cols-2 items-center">
+        <div>
           <svg class="max-w-[500px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1612.62 198.34">
             <title>Docker Scout</title>
             <defs>
@@ -89,6 +87,8 @@
                 d="m22.83,121.14C3.27,160.98,0,198.34,0,198.34c0,0,37.36-3.27,77.19-22.82-27.15-5.8-48.57-27.23-54.36-54.38Z" />
             </g>
           </svg>
+        </div>
+        <div class="flex flex-col gap-4">
           <p>
             Docker Scout secures the complete software supply chain by providing image
             analysis, real-time vulnerability identification, contextual remediation