.curve {
  position: absolute;
  height: 250px;
  width: 100%;
  top: 0;
  text-align: center;
}

.curve::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 90%;
  height: 100%;
  transform: translate(25%, 50%);
  background-color: hsl(0, 0%, 100%);
  z-index: -1;
}

.curve::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 60%;
  height: 100%;
  background-color: white;
  transform: translate(-15%, 40%);
  z-index: -1;
}