diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index bfe8fcd..dc01453 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -43,7 +43,7 @@ export default async function BlogOverviewPage() {
             </p>
           </div>
           <div className="relative w-full sm:absolute sm:inset-y-0 sm:right-0 sm:w-[68%] h-56 sm:h-full">
-            <Image alt="" src="/hero.jpg" fill sizes="(min-width: 640px) 68vw, 100vw" className="object-cover" />
+            <Image alt="" src="/hero.png" fill sizes="(min-width: 640px) 68vw, 100vw" className="object-cover" />
             <div className="hidden sm:block absolute inset-y-0 left-0 w-72 bg-gradient-to-r from-bg-base to-transparent" />
             <div className="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-bg-base to-transparent" />
           </div>