/* Ajustes solicitados nos comentários de revisão visual. */
.hero-image {
  background-image: linear-gradient(90deg, rgba(12, 35, 36, .9) 0%, rgba(12, 35, 36, .55) 45%, rgba(12, 35, 36, .1) 100%), url('/hero-consultorio.png');
  background-position: center center;
}

.about-photo {
  max-width: 400px;
}

@media (max-width: 800px) {
  .hero-image {
    background-position: center center;
  }

  .about-photo {
    max-width: calc(100% - 45px);
  }
}