.yellow-spaceship {
  position: absolute;
  bottom: 5%;
  right: -2%;
  z-index: 1;
  width: 64px;
  height: auto;
  pointer-events: none;
}

.dots-top-right {
  background-image: url("/src/assets/green/dots.svg"),
    url("/src/assets/green/dots.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: top 0px right 50px, top 130px right 50px;
  background-size: 130px 130px, 130px 130px;
}

.dots-bottom-right {
  background-image: url("/src/assets/green/dots.svg"),
    url("/src/assets/green/dots.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: bottom 0px right 50px, bottom 130px right 50px;
  background-size: 130px 130px, 130px 130px;
}

.crisscross-bottom-right {
  background-image: url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/t-squares.svg");
  background-repeat: no-repeat;
  background-position: bottom 0px right 50px, bottom 100px right 50px,
    bottom 0px right 150px, bottom 100px right 150px, bottom 200px right 50px,
    bottom 300px right 50px, bottom 200px right 150px, bottom 300px right 150px,
    top -100px left 0px;
  background-size: 100px 100px, 100px 100px, 100px 100px, 100px 100px,
    100px 100px, 100px 100px, 100px 100px, 100px 100px, 100px 150px;
}

.wave-bottom-right {
  background-image: none;
}

.lines-bottom-left-circlesquare-bottom-right {
  background-image: none;
}

.white-square-bottom-right {
  background-image: url("/src/assets/white/squares.svg");
  background-repeat: no-repeat;
  background-position: bottom -1px right 0px;
  background-size: 100px 150px;
}

.green-square-top-right {
  background-image: url("/src/assets/green/square.svg");
  background-repeat: no-repeat;
  background-position: top -1px right 50px;
  background-size: 50px 50px;
}

.green-squares-top-left {
  background-image: url("/src/assets/green/t-squares.svg");
  background-repeat: no-repeat;
  background-position: top 0px right 0px;
  background-size: 50px 50px;
}

.circlesquare-bottom-right {
  position: absolute;
  width: 150px;
  height: 150px;
  bottom: -55px;
  right: -20px;
  background-image: url("/src/assets/green/circle-triangle.svg");
  background-repeat: no-repeat;
  background-position: bottom -20px right 0;
  background-size: 150px 150px;
  z-index: 300;
  pointer-events: none;
}

.crisscross-top-left-dots-bottom-right {
  background-image: url("/src/assets/green/dots.svg"),
    url("/src/assets/green/dots.svg"), url("/src/assets/green/crisscross.svg"),
    url("/src/assets/green/crisscross.svg");
  background-repeat: no-repeat;
  background-position: bottom 0 right 2%, bottom 150px right 2%,
    top 350px left 2%, top 200px left 2%;
  background-size: 150px 150px, 150px 150px;
}

@media (min-width: 768px) {
  .wave-bottom-right {
    background-image: url("/src/assets/green/wave.svg");
    background-repeat: no-repeat;
    background-position: bottom -80px right 15%;
    background-size: 300px 300px;
  }

  .lines-bottom-left-circlesquare-bottom-right {
    background-image: url("/src/assets/green/circle-triangle.svg"),
      url("/src/assets/green/lines2.svg"), url("/src/assets/green/lines2.svg");
    background-repeat: no-repeat;
    background-position: bottom 0px right 5%, bottom 0px left 1%,
      bottom 100px left 1%;
    background-size: 150px 150px, 100px 100px, 100px 100px;
  }

  .crisscross-bottom-right {
    background-image: url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/crisscross.svg"),
      url("/src/assets/green/t-squares.svg");
    background-repeat: no-repeat;
    background-position: bottom 0px right 50px, bottom 100px right 50px,
      bottom 0px right 150px, bottom 100px right 150px, bottom 200px right 50px,
      bottom 300px right 50px, bottom 200px right 150px,
      bottom 300px right 150px, top 0px left 0px;
    background-size: 100px 100px, 100px 100px, 100px 100px, 100px 100px,
      100px 100px, 100px 100px, 100px 100px, 100px 100px, 100px 150px;
  }
}