diff --git a/homepage/src/components/Hero.astro b/homepage/src/components/Hero.astro
index 7fc3cb2..63885a6 100644
--- a/homepage/src/components/Hero.astro
+++ b/homepage/src/components/Hero.astro
@@ -4,7 +4,7 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
 
 <section class="hero">
   <div class="hero-bg">
-    <img src="/images/hero.png" alt="" class="hero-bg-img" loading="eager" />
+    <img src="/images/hero.jpg" alt="" class="hero-bg-img" loading="eager" />
     <div class="hero-overlay"></div>
   </div>