.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;      /* stretch full width */
  height: 100%;     /* stretch full height */
  object-fit: cover; /* cover container */
  pointer-events: none;
}

/* Show desktop video by default */
.video-desktop { display: block; }
.video-mobile { display: none; }

/* On small screens, swap */
@media (max-width: 768px) {
  .video-desktop { display: none !important; }
  .video-mobile { display: block !important; }
}