#contact-section
@media (max-width: 768px) {
  .hero {
    height: 70vh;
  }

  .overlay h1 {
    font-size: 2rem;
  }

  .overlay p {
    font-size: 1rem;
  }

  /* Hide video, show image instead */
  .hero video {
    display: none;
  }

  .hero {
    background: url("https://yourdomain.com/hero-fallback.jpg") center/cover no-repeat;
  }
}