Absky

@for $i from 1 through 3 {
  @keyframes rotate-left-#{$i} {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(#{$i * 60}deg); }
    100% { transform: rotate(#{$i * 60}deg); }
  }
}

// не забудь заменить на rotate-right-1,2,3
@for $i from 1 through 3 {
  @keyframes rotate-right-#{$i} {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(#{$i * 60}deg); }
  }
}

@for $i from 1 through 6 {
  $stage_0: 0;
  $stage_1: 0;
  $stage_2: $i * 60;
  
  @if $i <= 3 {
    $stage_1: $i * 60;
  }
  @else {
    $stage_2: $stage_2 - 180;
  }
  
  @keyframes rotate-#{$i} {
    0% { transform: rotate(#{$stage_0}deg); }
    50% { transform: rotate(#{$stage_1}deg); }
    100% { transform: rotate(#{$stage_2}deg); }
  }
}

<object type="image/svg+xml" data="images/your.svg" >

<?xml-stylesheet type="text/css" href="style.css" ?>