@keyframes cloudflyby {
  0% {
    left: 100%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: -20%;
  }
}

.cloudflyby {
  animation-name: cloudflyby;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-delay: 0s;
}

@keyframes tarp-move {
  0% {
    transform: translate(0, 0);
  }

  20%{
      transform: translate(0, -40px);
  }

  100% {
      transform: translate(0, -40px);
  }
}

@keyframes body-move{
      0% { 
        transform: translate(0, 0);
      }
  
      100% {
          transform: translate(0, -45%);
      }
  }

@keyframes right-arm-move{
  from { 
      transform: translate(0, 0) rotate(0deg); 
  } 
  to { 
     
      transform: translate(0, -45%) rotate(95deg); 
  }
}

@keyframes right-leg-move{
  from { 
      transform: translate(0, 0) rotate(0deg); 
  } 
  to { 
     
      transform: translate(0, -45%) rotate(50deg); 
  }
}

@keyframes left-arm-move{
  from { 
      transform: translate(0, 0) rotate(0deg); 
  } 
  to { 
     
      transform: translate(0, -45%) rotate(-95deg); 
  }
}

@keyframes left-leg-move{
  from { 
      transform: translate(0, 0) rotate(0deg); 
  } 
  to { 
     
      transform: translate(0, -45%) rotate(-50deg); 
  }
}