diff --git a/src/assets/images/home/intro-bg-d.jpg b/src/assets/images/home/intro-bg-d.jpg
new file mode 100644
index 000000000..66356a09e
Binary files /dev/null and b/src/assets/images/home/intro-bg-d.jpg differ
diff --git a/src/assets/images/home/intro-bg-d.png b/src/assets/images/home/intro-bg-d.png
deleted file mode 100644
index 5ba05f48b..000000000
Binary files a/src/assets/images/home/intro-bg-d.png and /dev/null differ
diff --git a/src/assets/images/home/intro-bg.jpg b/src/assets/images/home/intro-bg.jpg
index f7015fefd..758d97b1f 100644
Binary files a/src/assets/images/home/intro-bg.jpg and b/src/assets/images/home/intro-bg.jpg differ
diff --git a/src/assets/styles/app/_home.scss b/src/assets/styles/app/_home.scss
index 5832384a7..86c21727f 100644
--- a/src/assets/styles/app/_home.scss
+++ b/src/assets/styles/app/_home.scss
@@ -24,7 +24,7 @@
         position: relative;
 
         &.introduction-dark {
-            background-image: url('./assets/images/home/intro-bg-d.png');
+            background-image: url('./assets/images/home/intro-bg-d.jpg');
             color: var(--text-color);
 
             .introduction-promo {
diff --git a/src/assets/styles/app/app.css b/src/assets/styles/app/app.css
index a515881b9..c097e9014 100644
--- a/src/assets/styles/app/app.css
+++ b/src/assets/styles/app/app.css
@@ -835,7 +835,7 @@ pre[class*=language-] code .token.operator, pre[class*=language-] code .token.st
   position: relative;
 }
 .home .introduction.introduction-dark {
-  background-image: url("./assets/images/home/intro-bg-d.png");
+  background-image: url("./assets/images/home/intro-bg-d.jpg");
   color: var(--text-color);
 }
 .home .introduction.introduction-dark .introduction-promo {