
.animated {
  .pirates {
    #main_1_,
    .use-additional-mask {
      animation-name: pirates_animation;
      animation-duration: 7s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 4000px 10000px;
    }
  }
}

@keyframes pirates_animation {
  0% {
    rotate: -5deg;
    translate: 0 0;
  }
  25% {
    translate: 0 300px;
  }
  50% {
    translate: 0 0px;
  }
  75% {
    translate: 0 300px;
  }
  100% {
    rotate: 5deg;
    translate: 0 0;
  }
}

