@mixin clouds_animation {
  #clouds_x5F_layer_x5F_1_x5F_1,
  #clouds_x5F_layer_x5F_1_x5F_2,
  #clouds_x5F_layer_x5F_2_x5F_1,
  #clouds_x5F_layer_x5F_2_x5F_2 {
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  #clouds_x5F_layer_x5F_1_x5F_1 {
    animation-name: moving_clouds_1;
    animation-duration: 120s;
    transform: translateX(0px);
  }
  #clouds_x5F_layer_x5F_1_x5F_2 {
    animation-name: moving_clouds_2;
    animation-duration: 120s;
    transform: translateX(8000px);
  }

  #clouds_x5F_layer_x5F_2_x5F_1 {
    animation-name: moving_clouds_1;
    animation-duration: 60s;
    transform: translateX(0px);
  }
  #clouds_x5F_layer_x5F_2_x5F_2 {
    animation-name: moving_clouds_2;
    animation-duration: 60s;
    transform: translateX(8000px);
  }

  @keyframes moving_clouds_1 {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(-8000px);
    }
  }

  @keyframes moving_clouds_2 {
    0% {
      transform: translateX(8000px);
    }
    100% {
      transform: translateX(0px);
    }
  }
}
