html, body {
  background-color: black;
}

@media only screen and (min-width: 760px) {
  #paperscapes-02 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #paperscapes-02 {
    transform: translate(0%, -50%);
    height: 60dvh;
  }
}

#paperscapes-03 {
  z-index: 100;
}

@media only screen and (min-width: 760px) {
  #paperscapes-03 {
    transform: translate(-50%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #paperscapes-03 {
    transform: translate(-50%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #paperscapes-03 {
    transform: translate(-50%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 760px) {
  #paperscapes-04 {
    transform: translate(50%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #paperscapes-04 {
    transform: translate(50%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 760px) {
  #paperscapes-05 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #paperscapes-05 {
    transform: translate(0%, -50%);
    height: 60dvh;
  }
}

#paperscapes-06 {
  height: 100%;
}