fix: some style issues

1. container padding
2. home hero image

components/home/Hero.vue

@@ -10,12 +10,6 @@ const { title, description } = useAppConfig()
   <main
     class="grid pt-8 pb-8 lg:grid-cols-2 place-items-center md:py-12"
   >
-    <div class="hidden py-6 md:order-1 md:block">
-      <div
-        class="w-[512px]"
-        v-html="heroImg"
-      />
-    </div>
     <div>
       <h1
         class="text-5xl font-bold lg:text-6xl xl:text-7xl lg:tracking-tight xl:tracking-tighter"
@@ -52,5 +46,11 @@ const { title, description } = useAppConfig()
         </HomeLink>
       </div>
     </div>
+    <div class="hidden py-6 md:block">
+      <div
+        class="w-[512px]"
+        v-html="heroImg"
+      />
+    </div>
   </main>
 </template>

tailwind.config.js

@@ -9,7 +9,7 @@ module.exports = {
   theme: {
     container: {
       center: true,
-      padding: '2rem',
+      padding: '1rem',
       screens: {
         '2xl': '1400px',
       },