fix(homepage): horizontal overflow scrollbar (#498)

* fix(homepage): horizontal overflow scrollbar (#5)

resolves #435

* fix(homeage): refine hero video performance (#6)

- Force overlay to cover entire screen regardless of whether scrolled or not.
- Reduce size of video thumbnail from 3 MB -> 144 KB (why was it ever 3 MB?)

Author: danielgolden

src/components/HomePageHighlights.module.scss

@@ -16,9 +16,9 @@
     background-image: linear-gradient(0deg, var(--color-neutrals-100) 70%, rgba(255,255,255, 0));
     content: '';
     position: absolute;
-    left: -10px;
-    right: -0px;
-    transform: translateY(-250px) rotate(-2deg);
+    left: 0;
+    right: 0;
+    transform: skewY(-2deg) translateY(-250px);
     display: block;
     height: 200px;
   }

src/images/video-placeholder-1.jpg

@@ -257,7 +257,7 @@ img.play-button {
 }
 
 .video-modal-overlay {
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   bottom: 0;

src/images/video-placeholder-1.png

@@ -10,7 +10,7 @@ import HomePageHighlights from '../components/HomePageHighlights';
 import HomePageInternalProjects from '../components/HomePageInternalProjects';
 import styles from './home-page.module.scss';
 
-import videoPlaceholder from '../images/video-placeholder-1.png';
+import videoPlaceholder from '../images/video-placeholder-1.jpg';
 import playButton from '../images/button-play.svg';
 import closeIcon from '../images/icon-close.svg';