Refactor video container styles and position in home page

Author: guillecro

index.html

@@ -104,9 +104,12 @@
     </video>
   </div>
   <div id="home" class="hero is-black is-medium is-fullheight">
-    <video class="video" autoplay loop muted playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-cover.jpg" class="video">
+    <video class="video is-hidden-mobile" autoplay loop muted playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-cover.jpg">
       <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-720-cover.mp4" type="video/mp4">
     </video>
+    <video class="video is-hidden-tablet" autoplay loop muted playsinline poster="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-cover.jpg" >
+      <source src="https://democraciaenred.nyc3.digitaloceanspaces.com/projects/reconoceme/reconoceme-720-cover-vertical.mp4" type="video/mp4">
+    </video>
     <div class="hero-body">
       <div class="container">
         <img src="./assets/logo-horizontal-2.png" class="image main-logo-desktop is-hidden-touch"