.animated {
  .swimming_in_the_coca_cola {
    #head_1_ {
      animation-name: head_animation;
      animation-duration: 3s;
      animation-timing-function: ease-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }

    #mask-head path {
      animation-name: head_mask_animation;
      animation-duration: 3s;
      animation-timing-function: ease-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }

    #head_wave_1,
    #head_wave_2,
    #head_wave_3,
    #wave_left_hand_1,
    #wave_left_hand_2,
    #wave_right_hand_1 {
      animation-name: wave_animation;
      animation-duration: 6s;
      animation-delay: -3s;
      animation-timing-function: ease-out;
      animation-iteration-count: infinite;
      transform-origin: 4100px 4080px;
    }

    #head_wave_1 {
      animation-delay: 0;
    }

    #head_wave_2 {
      animation-delay: 1s;
    }

    #head_wave_3 {
      animation-delay: 2s;
    }

    #wave_head_background,
    #wave_left_hand_background,
    #wave_left_hand_background_2,
    #wave_right_hand_background {
      animation-name: wave_head_background_animation;
      animation-timing-function: ease-out;
      animation-duration: 3s;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 4100px 4080px;
    }

    #wave_left_hand_background,
    #wave_left_hand_background_2,
    #wave_right_hand_background {
      animation-name: wave_head_background_big_animation;
    }

    #wave_left_hand {
      #wave_left_hand_background,
      #wave_left_hand_2 {
        transform-origin: 1827px 5508px;
      }

      #wave_left_hand_background_2,
      #wave_left_hand_1 {
        transform-origin: 2588px 5932px;
      }
    }

    #wave_right_hand {
      #wave_right_hand_background,
      #wave_right_hand_1 {
        transform-origin: 5052px 5808px;
      }
    }

    .d-none {
      display: block;
    }
    #waves_old {
      display: none;
    }
  }
}

@keyframes head_animation {
  0% {
    translate: 0 40px;
  }
  100% {
    translate: 0 200px;
  }
}

@keyframes head_mask_animation {
  0% {
    translate: 0 -40px;
  }
  100% {
    translate: 0 -200px;
  }
}

@keyframes wave_animation {
  0% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 3;
    opacity: 0;
  }
}

@keyframes wave_head_background_animation {
  0% {
    scale: 0.9;
  }
  100% {
    scale: 1.1;
  }
}

@keyframes wave_head_background_big_animation {
  0% {
    scale: 1;
  }
  100% {
    scale: 1.3;
  }
}
