icecream {
  position: relative;
}

icecream background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

icecream background img {
  width: 100vh;
}

overlay {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: auto;
  grid-template-areas:
  "topleft topright"
  "middle middle"
  "bottomleft bottomright";
  height: 100vh;
}

one {
  grid-area: topright;
  background-color: var(--color-accent);
  border-radius: 50% 0 0;
  font-size: 2em;
  color: #fff;
  text-align: right;
}

two {
  grid-area: middle;
  background-color: var(--color-accent);
  opacity: 80%;
  font-size: 2em;
  color: #fff;
  text-align: center;
  border-radius: 20% 0 20% 0;
}

three {
  grid-area: bottomleft;
  background-color: var(--color-accent);
  opacity: 90%;
  font-size: 2em;
  color: #fff;
  text-align: center;
  border-radius: 0 0 10% 40%;
}