.hero-homepage {
  border-bottom-right-radius: 150px;
  overflow: hidden;
}
.hero-homepage__wrapper {
  position: relative;
}
.hero-homepage__wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(0deg, rgba(51, 4, 4, 0.45) 0%, rgba(51, 4, 4, 0.45) 100%);
  z-index: 1;
}
.hero-homepage__content {
  position: absolute;
  z-index: 2;
  padding: 1rem 1rem 1rem 0 ;
}
.hero-homepage img {
  min-height: 450px;
}
.hero-homepage__text,
.hero-homepage__title {
  color: var(--color-white);
}
.hero-homepage__title h1 {
  font-size: var(--heading-homepage);
  line-height: 130%;
}
.hero-homepage__text p {
  font-size: var(--content-large);
  line-height: 150%;
  font-weight: 300;
}
@media all and (min-width: 340px){
  .hero-homepage__content {
    max-width: 80vw;
  }
}
@media all and (min-width: 550px){
  .hero-homepage {
    border-bottom-right-radius: 200px;
  }
}
@media all and (min-width: 1000px){
  .hero-homepage {
    margin-top: -99px; /* height of header */
    border-bottom-right-radius: 400px;
  }
  .user-logged-in .hero-homepage {
    margin-top: -148px;
  }
  .hero-homepage__content {
    max-width: 540px;
    padding: 0;
    padding-top: 150px;
  }
}
@media all and (min-width: 1300px){
  .hero-homepage__content {
    max-width: 840px;
  }
}