Modify parallax image speeds and offsets.

Add:
        templates/about.html, static/sass/about.sass
                -Change parallax image offsets and scroll speeds; current
                implementation still isn't scalable to different resolutions
                (it'll work for most, but not all).

static/sass/about.sass

@@ -18,25 +18,26 @@ div.bg
     &#img-1
         background: url(../img/about/bg1.png) no-repeat
         background-size: cover
-        height: 400px
-        top: -210px
+        height: 600px
+        top: -300px
 
     &#img-2
         background: url(../img/about/bg2.png) no-repeat
-        height: $img-height + 530
-        top: 550px
+        background-size: cover
+        height: $img-height + 300
+        top: 450px
 
     &#img-3
         background: url(../img/about/bg3.png) no-repeat
         background-size: cover
-        height: $img-height + 250
-        top: 1560px
+        height: $img-height + 300
+        top: 1250px
 
     &#img-4
         background: url(../img/about/bg4.png) no-repeat
         background-size: cover
         height: $img-height + 400
-        top: 5280px
+        top: 2500px
 
 div.section
     background-color: white

templates/about.html

@@ -12,10 +12,10 @@
 = endblock
 
 = block after_body
-  <!-- <div id="img-1" class="bg" speed="-1.25"></div> -->
-  <!-- <div id="img-2" class="bg" speed="1.8"></div> -->
-  <!-- <div id="img-3" class="bg" speed="1.6"></div> -->
-  <!-- <div id="img-4" class="bg" speed="3.64"></div> -->
+  <div id="img-1" class="bg" speed="-1.25"></div>
+  <div id="img-2" class="bg" speed="1.4"></div>
+  <div id="img-3" class="bg" speed="1.4"></div>
+  <div id="img-4" class="bg" speed="1.4"></div>
 
   <div id="top" class="section">
     <div class="centered">