diff --git a/.gitignore b/.gitignore
index 78a0625..ccd320a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ public
 _site
 .jekyll-metadata
 Gemfile.lock
+.DS_Store
diff --git a/_includes/benefits.html b/_includes/benefits.html
index f5fa246..67c6153 100644
--- a/_includes/benefits.html
+++ b/_includes/benefits.html
@@ -23,7 +23,7 @@ <h3>
             </div>
             <div class="col-md-6 text-center">
                 <div class="benefits-img-container">
-                    <img src="/static/images/site/mencirclehands.png" class="benefits-img" alt="{{ s.picture_alt_text }}" />
+                    <img src="/static/images/site/benefits.jpg" class="benefits-img" alt="{{ s.picture_alt_text }}" />
                 </div>
                 <br/>
             </div>
diff --git a/static/css/mkp.scss b/static/css/mkp.scss
index 3b2406c..8551d85 100644
--- a/static/css/mkp.scss
+++ b/static/css/mkp.scss
@@ -102,7 +102,7 @@ section {
 .join-container {
     text-align: center;
     color: #fff;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ site.baseurl }}/static/images/site/pixabay.people.jpg');
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ site.baseurl }}/static/images/site/join.jpg');
     background-position: center center;
     background-repeat: none;
     width: 100%;
diff --git a/static/images/site/benefits.jpg b/static/images/site/benefits.jpg
new file mode 100644
index 0000000..51520d0
Binary files /dev/null and b/static/images/site/benefits.jpg differ
diff --git a/static/images/site/join.jpg b/static/images/site/join.jpg
new file mode 100644
index 0000000..49dbf88
Binary files /dev/null and b/static/images/site/join.jpg differ