:root { --nav-h: 64px; }  /* высота меню, у вас на скриншоте около 72px */

section.hero-banner {
  position: relative;
  padding-top: var(--nav-h);
  /* тёмная полоса под меню, ниже белый фон */
  background: linear-gradient(to bottom, #00936B var(--nav-h), #fff var(--nav-h));
  line-height: 0;
}

section.hero-banner img.hero-banner__img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: 2468 / 1227;
  max-height: calc(100vh - var(--nav-h));  /* баннер не выше экрана */
  object-fit: cover;        /* картинка никогда не растягивается, только кадрируется */
  object-position: center top;
}

section.hero-banner .hero-banner__btn {
  position: absolute;
  left: 20%;
  bottom: 12%;
  margin: 0;
  line-height: normal;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}

@media (max-width: 767px) {
  :root { --nav-h: 60px; }  /* на телефоне меню обычно ниже, проверьте в DevTools */

  section.hero-banner img.hero-banner__img {
    aspect-ratio: 7 / 5;
    max-height: none;
    object-position: left center;
  }
  section.hero-banner .hero-banner__btn {
    position: static;
    display: block;
    width: max-content;
    margin: 14px auto;
    box-shadow: none;
  }
}