.hero-section-wrapper {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.hero-section-wrapper.cover {
  background-size: cover;
}
@media only screen and (min-width: 720px) {
  .hero-section-wrapper {
    background-size: auto 100%;
    background-position-x: right;
  }
}
.hero-section-wrapper .image {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 18px;
}