@media (max-width: 1023px) {
  .flex-hero::after {
    bottom: -15px;
  }

  .flex-hero__image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}

@media (max-width: 767px) {
  .flex-hero__bg-vector--right {
    top: 50px;
    right: auto;
    left: 30%;
    width: min(125vw, 500px);
    transform: translateX(-50%);
  }

  .flex-hero__content {
    margin-top: clamp(310px, calc(71.4vw + 95px), 375px);
  }

  .flex-hero__image-wrapper {
    top: clamp(76px, 21vw, 82px);
    height: clamp(250px, 82vw, 320px);
  }

  .flex-hero__image-wrapper::after {
    height: 60%;
    background: linear-gradient(to bottom, rgba(158, 230, 251, 0) 0%, rgba(158, 230, 251, 0.82) 46%, #8ee4fb 92%);
  }
}