.neptune {
    width: 30px;
    height: 30px;
    scale: 0.15;
    bottom: 60px;
    left: -20px;
    position: absolute;

    animation-name: walk;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

@keyframes walk {
  0%   { left: -90px; bottom: 60px; }
  25%  { left: -90px; bottom: 60px; }
  45%  { left: 200px; bottom: 60px; }
  49%  { left: 200px; bottom: 60px; transform: scale(1, 1); }
  50%  { left: 250px; bottom: 60px; transform: scale(-1, 1); }
  57%  { left: 250px; bottom: 60px; transform: scale(-1, 1); }
  60%  { left: 250px; bottom: 100px; transform: scale(-1, 1); }
  63%  { left: 250px; bottom: 60px; transform: scale(-1, 1); }
  66%  { left: 250px; bottom: 100px; transform: scale(-1, 1); }
  69%  { left: 250px; bottom: 60px; transform: scale(-1, 1); }
  85%  { left: 250px; bottom: 60px; transform: scale(-1, 1); }
  99%  { left: -30px; bottom: 60px; transform: scale(-1, 1); }
  100% { left: -90px; bottom: 60px; transform: scale(1, 1); }
}

.cipher {
    width: 30px;
    height: 30px;
    scale: 0.15;
    bottom: 60px;
    left: -20px;
    position: absolute;
}