converted images around splash video to png, smaller file size

src/components/intro/intro.scss

@@ -13,10 +13,10 @@
         min-height: 24rem;
         justify-content: space-between;
         background-color: $ui-blue;
-        background-size: auto;
+        background-size: 624px 325px;
         background-repeat: no-repeat;
         background-position: right;
-        background-image: url("/svgs/intro/background-cropped.svg");
+        background-image: url("/images/splash/background-cropped.png");
     }
 
     /* flex: column */
@@ -153,7 +153,7 @@ $tabletLandscape: 1024px;
             flex-direction: column;
             background-position: bottom 32px right 50%;
             background-size: 40rem;
-            background-image: url("/svgs/intro/background.svg");
+            background-image: url("/images/splash/background.png");
 
             .intro-content {
                 align-items: center;