body {
  user-select: none;
  cursor: none;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10vmin;
  font-family: 'Comic Sans MS', fantasy, sans-serif;
  color: white;
  background-image: linear-gradient(
    to right in oklch,
    hsl(0 100% 50%) 0%,
    hsl(120 100% 50%) 33.333%,
    hsl(240 100% 50%) 66.667%,
    hsl(360 100% 50%) 100%
  );
  animation: lors 2s infinite linear;
}

div {
  position: fixed;
  left: 0;
  top: 0;
  animation: lara 12s infinite linear, pedro 1s infinite cubic-bezier(0.37, 0, 0.63, 1);
}
img {
  position: absolute;
  left: 157vw;
  top: 23vh;
  width: 25vmin;
}
img + img {
  left: 289vw;
  top: 69vh;
}
img + img + img {
  left: 359vw;
  top: 17vh;
}

@keyframes lors {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: -100vw 50%;
  }
}

@keyframes lara {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-400vw);
  }
}

@keyframes pedro {
  0% {
    top: 0vh;
  }
  50% {
    top: 5vh;
  }
  100% {
    top: 0vh;
  }
}