rough

<video class="video-bg" autoplay muted loop id="myVideo" >
    <source src="images/ball.mp4" type="video/mp4">
  </video>


  
  .video-bg{
    position: absolute;
    top: 0;;
    z-index: -3;
}




<header class="header">
  <h1><a href="legalmanager.html">PROLEX</a></h1>

  <nav>
      <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          
          <li class="dropdown"><a href="#"><span>AI Platforms</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#">Prolex Legal Case Manager</a></li>
              <li><a href="#">Drop Down 2</a></li>
              <li><a href="#">Drop Down 3</a></li>
              <li><a href="#">Drop Down 4</a></li>
            </ul>
          </li>

          <li><a class="nav-link scrollto" href="about.html">About</a></li>
          <li><a class="nav-link scrollto" href="#services">Services</a></li>
          <li><a class="nav-link scrollto" href="#call-to-action">Book a demo</a></li>
          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
          
        </ul>
  </nav>

  

</header>