@media (max-width: 900px) {
  .home-hero-bg {
    object-fit: cover;
    object-position: 38% center;
  }

  .home-hero-overlay {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.68) 42%, rgba(0, 0, 0, 0.38) 68%, rgba(0, 0, 0, 0.78) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.16) 46%, rgba(0, 0, 0, 0.55) 100%);
  }
}