.video-background-container {
  position: relative; /* Container needs relative position for content z-index */
  height: 100vh; /* Example height for a full-viewport container */
  width: 100%;
  overflow: hidden; /* Hides any video overflow */
}

.video-background-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%); /* Centers the video */
  object-fit: cover; /* Ensures the video covers the entire container without distortion */
  z-index: -1; /* Puts the video behind other content */
}

.contenttt {
  position: relative; /* Ensures content is above the video */
  z-index: 1;
  /* Add styling for your content (color, padding, text-align, etc.) */
  color: white;
  text-align: center;
  padding: 20px;
}