.hero-image {
  object-position: center center;
}

.hero-shade {
  background: linear-gradient(
    90deg,
    rgba(247, 244, 237, 0.97) 0%,
    rgba(247, 244, 237, 0.86) 31%,
    rgba(247, 244, 237, 0.15) 61%,
    rgba(13, 57, 40, 0.06) 100%
  );
}

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

  .hero-shade {
    background: linear-gradient(
      90deg,
      rgba(247, 244, 237, 0.98) 0%,
      rgba(247, 244, 237, 0.88) 58%,
      rgba(247, 244, 237, 0.34) 100%
    );
  }
}