.home-hero-wrapper.page-hero-wrapper {
  height: calc(var(--vh, 1vh) * 100) !important;
}
.home-hero-logo {
  width: 75%;
  max-width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.home-features-image {
  position: relative;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  overflow: hidden;
  height: 25rem;
  
  @media screen and (min-width: 768px) {
    height: 35rem;
  }
  @media screen and (min-width: 1024px) {
    height: unset;
  }
}