.box-banner__hero-media picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .box-banner__hero-gradient {
    display: block;
    background: linear-gradient(
      180deg,
      rgba(248, 246, 243, .82) 0%,
      rgba(248, 246, 243, .55) 20%,
      rgba(248, 246, 243, 0) 48%
    );
  }

  .box-banner__hero {
    height: clamp(360px, 100vw, 390px);
    min-height: clamp(360px, 100vw, 390px);
  }

  .box-banner__hero--mobile-image .box-banner__hero-image {
    object-position: center center;
  }
}