feat: update hero image and remove lazy for img tag

src/pages/[...slug].astro

@@ -27,14 +27,7 @@ const { Content } = await page.render()
     {
       image && (
         <p>
-          <img
+          <img width="640" height="360" src={image.src} alt={image.alt || ''} />
-            width="100%"
-            height="auto"
-            src={image.src}
-            loading="lazy"
-            decoding="async"
-            alt={image.alt || ''}
-          />
         </p>
       )
     }

src/pages/index.astro

@@ -12,14 +12,7 @@ import siteConfig from '@/site-config'
       by <a target="_blank" href="https://antfu.me">antfu.me</a>.
     </p>
     <p>
-      <img
+      <img width="640" height="360" src="/hero.jpg" alt="Hero Image" />
-        width="100%"
-        height="auto"
-        src="/hero.webp"
-        loading="lazy"
-        decoding="async"
-        alt="Hero Image"
-      />
     </p>
     <p>
       Based on first principles thinking, and you can also see from the picture

src/pages/posts/[...slug].astro

@@ -38,14 +38,7 @@ function getDate(date: string) {
     {
       image && (
         <p>
-          <img
+          <img width="640" height="360" src={image.src} alt={image.alt || ''} />
-            width="100%"
-            height="auto"
-            src={image.src}
-            loading="lazy"
-            decoding="async"
-            alt={image.alt || ''}
-          />
         </p>
       )
     }

src/site-config.ts

@@ -4,7 +4,7 @@ export const siteConfig = {
   subtitle: 'Vitesse theme for Astro, supports Vue and UnoCSS.',
   description: 'A Minimal, SEO-friendly portfolio and blog theme for Astro.',
   image: {
-    src: '/hero.webp',
+    src: '/hero.jpg',
     alt: 'Website Main Image',
   },
   email: 'kaivanwong@outlook.com',