.animated {
  .terrorist {
    #fire {
      #fire_1,
      #fire_2,
      #fire_3,
      #fire_4 {
        animation-name: fireAnimation;
        animation-duration: 0.6s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }

      #fire_1 {
        transform-origin: 6650px 6000px;
      }

      #fire_2 {
        animation-delay: 0.2s;
        transform-origin: 3909px 6000px;
      }

      #fire_3 {
        animation-delay: 0.3s;
        transform-origin: 2800px 6900px;
        animation-name: smallFireAnimation;
      }

      #fire_4 {
        animation-delay: 0.1s;
        transform-origin: 4188px 6838px;
        animation-name: smallFireAnimation;
      }
    }
  }
}

@keyframes fireAnimation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

@keyframes smallFireAnimation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
