diff --git a/rowers/templates/basefront.html b/rowers/templates/basefront.html
index 8dc45748..6a773698 100644
--- a/rowers/templates/basefront.html
+++ b/rowers/templates/basefront.html
@@ -31,7 +31,6 @@
     <style>
       .splash {
       background-color: transparent;
-      background-image: url("/static/img/landing1.jpg");
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
@@ -45,7 +44,7 @@
       .container_top {background-color: rgba(255,255,255,0.7);}
     </style>
     
-    <div class="splash">
+    <div id="bgpic" class="splash">
     {% analytical_body_top %}
     <div class="container_top">
     <div class="container_12">
@@ -257,5 +256,16 @@
     </div>
     <!-- end container -->
     {% analytical_body_bottom %}
+    <script type="text/javascript">
+      var num = (Math.floor(Math.random()*4));
+
+      var array = ['one', 'two', 'three', 'four'];
+
+
+      var elem = document.getElementById('bgpic');
+      console.log(elem);
+      elem.classList.add(array[num]);
+
+    </script>
   </body>
 </html>
diff --git a/static/css/rowsandall.css b/static/css/rowsandall.css
index 1f72281d..c45dbe8b 100644
--- a/static/css/rowsandall.css
+++ b/static/css/rowsandall.css
@@ -1,4 +1,30 @@
+#main {
+    background-color: transparent;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    min-height: 759px;
+    min-width: 1024px;
+    width: 100%;
+    height: auto;
+}
 
+.one {
+    background-image: url("/static/img/landing1.jpg");
+}
+
+.two {
+    background-image: url("/static/img/landing1.jpg");
+}
+
+.three {
+    background-image: url("/static/img/landing1.jpg");
+}
+
+.four {
+    background-image: url("/static/img/landing1.jpg");
+}
 
 html { 
   font-size: 62.5%;
diff --git a/static/img/landing2.jpg b/static/img/landing2.jpg
index b780db2f..7795d10c 100644
Binary files a/static/img/landing2.jpg and b/static/img/landing2.jpg differ
diff --git a/static/js/background.js b/static/js/background.js
new file mode 100644
index 00000000..cb970851
--- /dev/null
+++ b/static/js/background.js
@@ -0,0 +1,8 @@
+      var num = (Math.floor(Math.random()*4));
+
+
+      var array = ['one', 'two', 'three', 'four'];
+
+      var elem = document.getElementById('main');
+
+      elem.classList.add(array[num]);