.hero-photo-wrap {
  height: 520px;
  min-width: 0;
  overflow: hidden;
  border-radius: 46% 4px 4px 46%;
  box-shadow: 0 28px 60px rgba(75, 54, 44, 0.13);
}

.hero-photo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 72% center;
}

.hero-photo-wrap .note-card {
  right: 20px;
  bottom: 22px;
}

@media (max-width: 900px) {
  .hero-photo-wrap {
    width: min(100%, 760px);
    height: 430px;
    justify-self: center;
    border-radius: 4px;
  }

  .hero-photo {
    object-position: 69% center;
  }
}

@media (max-width: 620px) {
  .hero-photo-wrap {
    width: calc(100% + 48px);
    height: 340px;
    margin-left: -24px;
    margin-right: -24px;
  }

  .hero-photo {
    object-position: 73% center;
  }

  .hero-photo-wrap .note-card {
    right: 14px;
    bottom: 14px;
  }
}