diff --git a/pages/MobileAppDevelopment.tsx b/pages/MobileAppDevelopment.tsx
index b4cbc21..a8acfad 100644
--- a/pages/MobileAppDevelopment.tsx
+++ b/pages/MobileAppDevelopment.tsx
@@ -33,7 +33,7 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
-import heroMockupImage from "../src/images/mobile-app-banner.png";
+import heroMockupImage from "../src/images/mobile-app-banner.jpg";
 import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 
diff --git a/pages/MobileAppDevelopmentIndia.tsx b/pages/MobileAppDevelopmentIndia.tsx
index acb5ff0..e7d36ea 100644
--- a/pages/MobileAppDevelopmentIndia.tsx
+++ b/pages/MobileAppDevelopmentIndia.tsx
@@ -33,7 +33,7 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
-import heroMockupImage from "../src/images/mobile-app-banner.png";
+import heroMockupImage from "../src/images/mobile-app-banner.jpg";
 import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 
diff --git a/pages/MobileAppDevelopmentUk.tsx b/pages/MobileAppDevelopmentUk.tsx
index 9030048..bcd4110 100644
--- a/pages/MobileAppDevelopmentUk.tsx
+++ b/pages/MobileAppDevelopmentUk.tsx
@@ -33,7 +33,7 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
-import heroMockupImage from "../src/images/mobile-app-banner.png";
+import heroMockupImage from "../src/images/mobile-app-banner.jpg";
 import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 
diff --git a/pages/MobileAppDevelopmentUsa.tsx b/pages/MobileAppDevelopmentUsa.tsx
index 1e60cf8..afc59d3 100644
--- a/pages/MobileAppDevelopmentUsa.tsx
+++ b/pages/MobileAppDevelopmentUsa.tsx
@@ -32,7 +32,7 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
-import heroMockupImage from '../src/images/mobile-app-banner.png';
+import heroMockupImage from '../src/images/mobile-app-banner.jpg';
 import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 
diff --git a/src/images/mobile-app-banner.jpg b/src/images/mobile-app-banner.jpg
new file mode 100644
index 0000000..41cb597
Binary files /dev/null and b/src/images/mobile-app-banner.jpg differ
diff --git a/src/images/mobile-app-banner.png b/src/images/mobile-app-banner.png
deleted file mode 100644
index 70de722..0000000
Binary files a/src/images/mobile-app-banner.png and /dev/null differ