.animated {
  .fish {
    animation-name: fish_animation;
    animation-duration: 1.5s;
    animation-delay: var(--fish-animation-delay, 0);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;

    #fish_tail {
      animation-name: tail_animation;
      animation-duration: 0.7s;
      animation-delay: var(--fish-animation-delay, 0);
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 6140px 4303px;
    }
  }
}

@keyframes fish_animation {
  100% {
    translate: 0 1500px;
  }
}

@keyframes tail_animation {
  0% {
    scale: 0.4 0.7;
  }
  50% {
    scale: 1 1;
  }
  100% {
    scale: 0.7 1.2;
  }
}
