.intro {
      position: relative;
      width: 100%;
      height: 100vh; /* Takes up the full screen on load */
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background-color: #000;
    }

    /* The Video Background */
    #introVideo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; 
      z-index: 1; 
      opacity: 0;
      transition: opacity 1s ease-in-out; /* Smooth fade-in */
    }
@media (max-width: 768px) {
        #introVideo {
          height: auto;
          top: 80px;
        }
        .intro {
          height: 37vh;
        }
      }