.video-background {
  position: fixed; /* Fixes the video to the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Hides any overflow from the video */
  z-index: -1; /* Puts the video behind other content */
}




#bgVideo {
   min-width: 100%; /* Ensures the video covers the full width */
  min-height: 100%; /* Ensures the video covers the full height */
  width: auto;
  height: auto;
  position: absolute;
  top: 50%; /* Centers the video vertically */
  left: 50%; /* Centers the video horizontally */
  transform: translate(-50%, -50%); /* Adjusts for centering */
  object-fit: cover; /* Ensures the video covers the area while maintaining aspect ratio */
}