@mixin birdMixin {
  .bird {
    #pupil {
      animation-name: bird_pupil_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
  }

  #mask-eye-circle {
    animation-name: bird_mask_eye_animation;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

  #feather {
    animation-name: bird_feather_animation;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: 4858px 1897px;
  }

  @keyframes bird_pupil_animation {
    0% {
      translate: 0 0;
    }
    1% {
      translate: -400px 0;
    }
    30% {
      translate: -400px 0;
    }
    31% {
      translate: 0 0;
    }
    35% {
      translate: 0 0;
    }
    36% {
      translate: 50px 0;
    }
    60% {
      translate: 50px 0;
    }
    61% {
      translate: 350px 0;
    }
    100% {
      translate: 350px 0;
    }
  }

  @keyframes bird_mask_eye_animation {
    0% {
      translate: 0 0;
    }
    1% {
      translate: 400px 0;
    }
    30% {
      translate: 400px 0;
    }
    31% {
      translate: 0 0;
    }
    35% {
      translate: 0 0;
    }
    36% {
      translate: -100px 0;
    }
    60% {
      translate: -100px 0;
    }
    61% {
      translate: -350px 0;
    }
    100% {
      translate: -350px 0;
    }
  }

  @keyframes bird_feather_animation {
    0% {
      rotate: 0deg;
    }
    30% {
      rotate: 0deg;
    }
    31% {
      rotate: 10deg;
    }
    60% {
      rotate: 10deg;
    }
    61% {
      rotate: 0deg;
    }
    100% {
      rotate: 0deg;
    }
  }
}
