fix hero width on big screen

src/layouts/Layout.astro

@@ -40,7 +40,7 @@ const { title, description, headings, heroImage, keywords, author } =
                   <img
                     src={`/posts/${heroImage}`}
                     alt={title}
-                    class="w-full flex object-cover xl:mt-8 xl:rounded max-h-96"
+                    class="w-full xl:w-auto flex object-cover xl:mt-8 xl:rounded max-h-96"
                   />
                 )
               }