update header image and incremental scroll

Author: Medha Sawhney

_layouts/default_about.liquid

@@ -16,7 +16,7 @@
 
 <div class="header-background" style="position: relative; display:">
   <div class="img" style="
-    background-image: url('/assets/img/lab_header_2.jpg');
+    background-image: url('/assets/img/lab_header_3.jpg');
     background-repeat: no-repeat;
     background-size: contain;
     background-position: top center;
@@ -41,7 +41,7 @@
       width: 45%;
       max-width: 400px;
       line-height: 2vw;
-      padding-bottom: 10vw;
+      padding-bottom: 9vw;
       padding-left: 1vw;
     ">
     Bridging the Gap between Knowledge-driven Science and Data-driven Machine Learning

assets/img/lab_header.jpeg

@@ -56,7 +56,7 @@ function addScrollToBottom() {
     r.appendChild(document.createTextNode(d));
     document.head.insertAdjacentElement("afterbegin", r);
 
-    var incrementAmount = window.innerHeight / 1.5; // Set the scroll increment amount
+    var incrementAmount = window.innerHeight / 0.95; // Set the scroll increment amount
 
     var button = function () {
         var o = document.createElement("div");