.hero {
  background-image: url("../img/hero-2.webp");
}

.request-section {
  background-image: none;
  background-color: #dcecf0;
}

.request-section.is-near {
  background-image: url("../img/hero-1.webp");
}

main > .section:not(:first-child),
.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

@media (max-width: 680px) {
  .hero {
    background-image: url("../img/hero-2-mobile.webp");
  }

  .request-section.is-near {
    background-image: url("../img/hero-1-mobile.webp");
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}