.preorder_hero{
  min-height: 100vh;
}

.preorder_hero:before{
  background-image: url("../svg/Ellipse.svg"), url("../svg/Ellipse.svg");
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  background-repeat: no-repeat;
  background-size: 80%, 50%;
  background-position: right -190% center, left -10% center;
}

@media screen and (max-width: 767px){
  .preorder_hero:before{
    background-image: url("../svg/Ellipse.svg");
    background-size: 200%;
    background-position: left 110% center;
  }
}