Testing video, made block to fix margin issue

public/page/about/AboutPage.jsx

@@ -54,14 +54,18 @@ const AboutPage = (props) => {
           <SplitSection>
             <Split className="u-text-center">
               <Video
-                image={ require('./../../videos/about/programming/programming.png') }
-                mp4={ require('./../../videos/about/programming/programming.mp4') }
+                image={ require('./../../videos/bunny/big_buck_bunny.jpg') }
+                mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
                 controls
               />
             </Split>
 
             <Split className="u-text-center">
-              Right Side
+              <Video
+                image={ require('./../../videos/bunny/big_buck_bunny.jpg') }
+                mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
+                autoPlay
+              />
             </Split>
           </SplitSection>
         </PageBoundary>

public/styles/objects/_video.scss

@@ -28,6 +28,7 @@ $o-video__loader-z: 2;
 
   &__video {
     width: 100%;
+    display: block;
     position: relative;//Needed by some browser to allow the Z-Index to apply
     z-index: $o-video__video-z;