.wrapper {
  height: 400%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(
    124deg,
    #1f0400,
    #3b2500,
    #3d3c00,
    #023500,
    #002e35,
    #001036,
    #25003d,
    #3b0028,
    #350020
  );
  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%;
  }
}

.bg2 {
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
  /* text-align: center; */
  height: 100vh;
  width: 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='200' stroke-opacity='0.57' id='a' rx='600' ry='450'/%3E%3C/defs%3E%3Cg style='transform-origin:center'%3E%3Cg transform='' 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='%23040404' href='%23a' transform='rotate(-50 0 0) scale(0.5)'/%3E%3Cuse stroke='%23080808' href='%23a' transform='rotate(-40 0 0) scale(0.6)'/%3E%3Cuse stroke='%230c0c0c' href='%23a' transform='rotate(-30 0 0) scale(0.7)'/%3E%3Cuse stroke='%230f0f0f' href='%23a' transform='rotate(-20 0 0) scale(0.8)'/%3E%3Cuse stroke='%23121212' href='%23a' transform='rotate(-10 0 0) scale(0.9)'/%3E%3Cuse stroke='%23141414' href='%23a' transform=''/%3E%3Cuse stroke='%23161616' href='%23a' transform='rotate(10 0 0) scale(1.1)'/%3E%3Cuse stroke='%23191919' href='%23a' transform='rotate(20 0 0) scale(1.2)'/%3E%3Cuse stroke='%231b1b1b' href='%23a' transform='rotate(30 0 0) scale(1.3)'/%3E%3Cuse stroke='%231d1d1d' href='%23a' transform='rotate(40 0 0) scale(1.4)'/%3E%3Cuse stroke='%231f1f1f' href='%23a' transform='rotate(50 0 0) scale(1.5)'/%3E%3Cuse stroke='%23212121' href='%23a' transform='rotate(60 0 0) scale(1.6)'/%3E%3Cuse stroke='%23232323' href='%23a' transform='rotate(70 0 0) scale(1.7)'/%3E%3Cuse stroke='%23262626' href='%23a' transform='rotate(80 0 0) scale(1.8)'/%3E%3Cuse stroke='%23282828' href='%23a' transform='rotate(90 0 0) scale(1.9)'/%3E%3Cuse stroke='%232a2a2a' href='%23a' transform='rotate(100 0 0) scale(2)'/%3E%3Cuse stroke='%232c2c2c' href='%23a' transform='rotate(110 0 0) scale(2.1)'/%3E%3Cuse stroke='%232f2f2f' href='%23a' transform='rotate(120 0 0) scale(2.2)'/%3E%3Cuse stroke='%23313131' href='%23a' transform='rotate(130 0 0) scale(2.3)'/%3E%3Cuse stroke='%23333333' href='%23a' transform='rotate(140 0 0) scale(2.4)'/%3E%3Cuse stroke='%23363636' href='%23a' transform='rotate(150 0 0) scale(2.5)'/%3E%3Cuse stroke='%23383838' 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;
}