diff --git a/static/css/style.css b/static/css/style.css
index e282707..ed74ba3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -85,7 +85,8 @@ footer.page-footer {
 
 
 .parallax img {
-  display: inherit
+	display: inherit;
+	max-height: 250%;
 }
 
 #mlh-trust-badge {
diff --git a/static/img/background1.jpg b/static/img/background1.jpg
index 624cf79..be07413 100644
Binary files a/static/img/background1.jpg and b/static/img/background1.jpg differ
diff --git a/static/img/background2.jpg b/static/img/background2.jpg
new file mode 100644
index 0000000..d8b9f98
Binary files /dev/null and b/static/img/background2.jpg differ
diff --git a/static/img/background2.png b/static/img/background2.png
deleted file mode 100644
index ebde372..0000000
Binary files a/static/img/background2.png and /dev/null differ
diff --git a/static/img/background3.jpg b/static/img/background3.jpg
new file mode 100644
index 0000000..9c105c7
Binary files /dev/null and b/static/img/background3.jpg differ
diff --git a/static/img/background3.png b/static/img/background3.png
deleted file mode 100644
index a7beb66..0000000
Binary files a/static/img/background3.png and /dev/null differ
diff --git a/templates/index.html b/templates/index.html
index 5c50f03..c2348c3 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -75,7 +75,7 @@
       </div>
     </div>
     <div class="parallax">
-      <img src="../static/img/background2.png" alt="background image">
+      <img src="../static/img/background2.jpg" alt="background image">
     </div>
   </div>
 
@@ -117,7 +117,7 @@
       </div>
     </div>
     <div class="parallax">
-      <img src="../static/img/background3.png" alt="background" >
+      <img src="../static/img/background3.jpg" alt="background image">
     </div>
   </div>