#hero video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    height: inherit!important;
  }
  
  @media (max-width: 575.98px) {
    #hero video {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      left: -50%;
      z-index: 0;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    #hero video {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
    }
  }