Añade vídeos aleatorios en la sección de Nuestros Robots

Author: robotaleh

assets/css/custom.css

@@ -173,6 +173,45 @@ img.img-hover-zoom:hover, .img-hover-zoom:hover img{
   }
 }
 
+header {
+  position: relative;
+  background-color: black;
+  height: 100vh;
+  min-height: 25rem;
+  width: 100%;
+  overflow: hidden;
+}
+
+header video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  object-fit: cover;
+}
+
+header .container {
+  position: relative;
+  z-index: 2;
+}
+
+header .overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: black;
+  opacity: 0.5;
+  z-index: 1;
+}
+
 .op-carousel img {
   max-height: 250px;
   object-fit: contain;
@@ -227,6 +266,9 @@ img.img-hover-zoom:hover, .img-hover-zoom:hover img{
   height: 90vh;
 }
 
+.page-header-md {
+  height: 70vh !important;
+}
 .page-header-sm {
   height: 35vh !important;
 }