diff --git a/public/images/blue-hero.jpg b/public/images/blue-hero.jpg
deleted file mode 100644
index fe0f1bf1..00000000
Binary files a/public/images/blue-hero.jpg and /dev/null differ
diff --git a/public/images/mobilbg.jpg b/public/images/mobilbg.jpg
deleted file mode 100644
index f76cc68a..00000000
Binary files a/public/images/mobilbg.jpg and /dev/null differ
diff --git a/public/images/mobilbg.webp b/public/images/mobilbg.webp
new file mode 100644
index 00000000..27a6f803
Binary files /dev/null and b/public/images/mobilbg.webp differ
diff --git a/src/components/Index/Hero.component.tsx b/src/components/Index/Hero.component.tsx
index c7f3392f..71ec695f 100644
--- a/src/components/Index/Hero.component.tsx
+++ b/src/components/Index/Hero.component.tsx
@@ -28,7 +28,7 @@ const Hero = ({ content }: IContent) => (
     <div
       className="absolute inset-0 md:hidden bg-cover bg-center bg-no-repeat"
       style={{
-        backgroundImage: "url('/images/mobilbg.jpg')",
+        backgroundImage: "url('/images/mobilbg.webp')",
         top: "-0.5rem",
         marginBottom: "2.5rem",
       }}