fix og:img

index.html

@@ -10,12 +10,14 @@
     <meta name="keywords"
       content="Full-Stack Developer, Web Developer, Portfolio, Ebraheem Alhetari, ابراهيم الهتاري, Vue, Vue.js, Nuxt, Nuxt.js, JavaScript, HTML, CSS, Front-End Developer, Back-End Developer, Software Engineer, Web Development, Programming, Coding, Projects, Skills, Experience, GitHub, Portfolio Website">
     <meta name="author" content="Ebraheem Alhetari">
+    <meta itemprop="image" content="http://hetari.github.io/portfolio/assets/profile-dtKvApsu.webp">
+
 
     <!-- Open Graph Meta Tags for social media sharing -->
     <meta property="og:title" content="Ebraheem Alhetari - Full-Stack Developer">
     <meta property="og:description"
       content="Explore my portfolio to see my projects, skills, and experience in full-stack development.">
-    <meta property="og:image" content="https://hetari.github.io/portfolio/profile.jpg">
+    <meta property="og:image" content="https://hetari.github.io/portfolio/assets/profile-dtKvApsu.webp">
     <meta property="og:url" content="https://hetari.github.io/portfolio/">
     <meta property="og:type" content="website">
 
@@ -25,7 +27,7 @@
     <meta name="twitter:title" content="Ebraheem Alhetari - Full-Stack Developer" />
     <meta name="twitter:description"
       content="Explore my portfolio to see my projects, skills, and experience in full-stack development." />
-    <meta name="twitter:image" content="https://hetari.github.io/portfolio/profile.jpg" />
+    <meta name="twitter:image" content="https://hetari.github.io/portfolio/assets/profile-dtKvApsu.webp" />
     <meta name="twitter:url" content="https://hetari.github.io/portfolio/" />
 
     <!-- Canonical Tag -->