/*
Do you see the blue dots going up-and-down or left-and-right? Maybe clockwise and counter-clockwise?

If you see them going up-and-down, cover the top part of the animation. The dot will start moving left-and-right. And if you remove the hand, both dots will move horizontally now.

If you see the dots going left-and-right, cover the right side of the animation. The dot will start moving up-and-down.

With a little bit of concentration you can make the dots go in any direction.
*/
@keyframes hop {
  0% {
    background-image:
    radial-gradient(circle at calc(50% - 12vmin) calc(50% - 12vmin), blue 3vmin, #0000 0),
    radial-gradient(circle at calc(50% + 12vmin) calc(50% + 12vmin), blue 3vmin, #0000 0);
  }
  100% {
    background-image:
    radial-gradient(circle at calc(50% - 12vmin) calc(50% + 12vmin), blue 3vmin, #0000 0),
    radial-gradient(circle at calc(50% + 12vmin) calc(50% - 12vmin), blue 3vmin, #0000 0);
  }
}
body {
  background:
    radial-gradient(circle at calc(50% - 12vmin) calc(50% - 12vmin), blue 4vmin, #0000 0),
    radial-gradient(circle at calc(50% + 12vmin) calc(50% + 12vmin), blue 4vmin, #0000 0);
  background-color: #ccc;
  min-height: 100vh;
  padding: 0;
  overflow: hidden;
  animation: hop 1.25s linear infinite;
}