diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 8072fc01..c7aab425 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -8,7 +8,8 @@
   text-align: center;
   position: relative;
   overflow: hidden;
-  background: url(/img/handbook-banner.png) no-repeat top center;
+  color: #FDF3FC;
+  background: url(/img/handbook-banner_small.jpg) no-repeat top center;
 }
 
 @media screen and (max-width: 996px) {
diff --git a/static/img/handbook-banner_small.jpg b/static/img/handbook-banner_small.jpg
new file mode 100644
index 00000000..9b50e36d
Binary files /dev/null and b/static/img/handbook-banner_small.jpg differ
diff --git a/static/img/handbook-banner_small.png b/static/img/handbook-banner_small.png
new file mode 100644
index 00000000..c232310d
Binary files /dev/null and b/static/img/handbook-banner_small.png differ