body {
  margin: 0;
  padding: 0;
}
.banner {
  opacity:1;
  position: relative;
  width: 100%;
  height: 600px;
  background: url("/img/portal.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position: bottom;
}
.clouds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .clouds img {
  position: absolute;
  bottom: 0;
  max-width: 100%;
  animation: animate calc(8s * var(--i)) linear infinite;
}
@keyframes animate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/*# sourceMappingURL=index.css.map */