.wrapper {
  height: 400%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom right, #242424 0%, #1f1f1f 100%);
  background-size: 100% 1800%;

  -webkit-animation: rainbow 60s ease infinite;
  -z-animation: rainbow 60s ease infinite;
  -o-animation: rainbow 60s ease infinite;
  animation: rainbow 60s ease infinite;
}

@-webkit-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@-moz-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@-o-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}

.wrapper2 {
  height: 400%;
  width: 100%;
  position: absolute;
  background-size: 100% 1800%;
  background: linear-gradient(to bottom right, #7e7e81 0%, #110f13 100%);

  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Cellipse fill='none' stroke-width='128.9' stroke-opacity='0.87' id='a' rx='600' ry='450'/%3E%3C/defs%3E%3Cg style='transform-origin:center'%3E%3Cg transform='rotate(180 0 0)' style='transform-origin:center'%3E%3Cg transform='rotate(-160 0 0)' style='transform-origin:center'%3E%3Cg transform='translate(1000 750)'%3E%3Cuse stroke='%23000000' href='%23a' transform='rotate(-60 0 0) scale(0.4)'/%3E%3Cuse stroke='%23080808' href='%23a' transform='rotate(-50 0 0) scale(0.5)'/%3E%3Cuse stroke='%230f0f0f' href='%23a' transform='rotate(-40 0 0) scale(0.6)'/%3E%3Cuse stroke='%23161616' href='%23a' transform='rotate(-30 0 0) scale(0.7)'/%3E%3Cuse stroke='%231e1e1e' href='%23a' transform='rotate(-20 0 0) scale(0.8)'/%3E%3Cuse stroke='%23262626' href='%23a' transform='rotate(-10 0 0) scale(0.9)'/%3E%3Cuse stroke='%232d2d2d' href='%23a' transform=''/%3E%3Cuse stroke='%23353535' href='%23a' transform='rotate(10 0 0) scale(1.1)'/%3E%3Cuse stroke='%233c3c3c' href='%23a' transform='rotate(20 0 0) scale(1.2)'/%3E%3Cuse stroke='%23444444' href='%23a' transform='rotate(30 0 0) scale(1.3)'/%3E%3Cuse stroke='%234b4b4b' href='%23a' transform='rotate(40 0 0) scale(1.4)'/%3E%3Cuse stroke='%23535353' href='%23a' transform='rotate(50 0 0) scale(1.5)'/%3E%3Cuse stroke='%235a5a5a' href='%23a' transform='rotate(60 0 0) scale(1.6)'/%3E%3Cuse stroke='%23626262' href='%23a' transform='rotate(70 0 0) scale(1.7)'/%3E%3Cuse stroke='%23696969' href='%23a' transform='rotate(80 0 0) scale(1.8)'/%3E%3Cuse stroke='%23717171' href='%23a' transform='rotate(90 0 0) scale(1.9)'/%3E%3Cuse stroke='%23787878' href='%23a' transform='rotate(100 0 0) scale(2)'/%3E%3Cuse stroke='%23808080' href='%23a' transform='rotate(110 0 0) scale(2.1)'/%3E%3Cuse stroke='%23878787' href='%23a' transform='rotate(120 0 0) scale(2.2)'/%3E%3Cuse stroke='%238f8f8f' href='%23a' transform='rotate(130 0 0) scale(2.3)'/%3E%3Cuse stroke='%23969696' href='%23a' transform='rotate(140 0 0) scale(2.4)'/%3E%3Cuse stroke='%239e9e9e' href='%23a' transform='rotate(150 0 0) scale(2.5)'/%3E%3Cuse stroke='%23A5A5A5' href='%23a' transform='rotate(160 0 0) scale(2.6)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}