/* Intro section styling */

#intro-section {
  position: relative;
}

/* Video background styling */
#background-video {
    height:600px;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
}

/* Responsive adjustments */
@media (max-width: 750px) {
  #background-video {
    display: none;
  }
  #intro-section {
    background: url("https://info.applicaster.com/hubfs/2024%20homepage/imagen-top-mobile-3.jpg") no-repeat center center;
    background-size: cover;
    background-color: black; /* Ensures black background even in responsive view */
  }
}
  }
}