.leaves-left-1 {
  background: url(../images/leaves-left-1.png) no-repeat;
  width: 120px;
  height: 133px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-1 12s infinite linear;
}
@keyframes leaves-left-1 {
  0% {
    top: -300px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-200deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-2 {
  background: url(../images/leaves-left-2.png) no-repeat;
  width: 160px;
  height: 72px;
  position: absolute;
  left: 50px;
  top: -200px;
  animation: leaves-left-2 12s infinite linear;
  animation-delay: 6s;
}
@keyframes leaves-left-2 {
  0% {
    top: -200px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    opacity: 1;
    transform: rotate(-150deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-3 {
  background: url(../images/leaves-left-3.png) no-repeat;
  width: 120px;
  height: 88px;
  position: absolute;
  left: 50px;
  top: -200px;
  animation: leaves-left-3 12s infinite linear;
  animation-delay: 9s;
}
@keyframes leaves-left-3 {
  0% {
    top: -200px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-250deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-4 {
  background: url(../images/leaves-left-4.png) no-repeat;
  width: 120px;
  height: 106px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-4 12s infinite linear;
  animation-delay: 3s;
}
@keyframes leaves-left-4 {
  0% {
    top: -250px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-150deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-5 {
  background: url(../images/leaves-left-5.png) no-repeat;
  width: 170px;
  height: 108px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-5 12s infinite linear;
  animation-delay: 7s;
}
@keyframes leaves-left-5 {
  0% {
    top: -250px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-250deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-right-1 {
  background: url(../images/leaves-right-1.png) no-repeat;
  width: 200px;
  height: 115px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-1 12s infinite linear;
  animation-delay: 1s;
}
@keyframes leaves-right-1 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(-200deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(-200deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-2 {
  background: url(../images/leaves-right-2.png) no-repeat;
  width: 140px;
  height: 55px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-2 12s infinite linear;
  animation-delay: 3s;
}
@keyframes leaves-right-2 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(-100deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(-120deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-3 {
  background: url(../images/leaves-right-3.png) no-repeat;
  width: 160px;
  height: 74px;
  position: absolute;
  right: 100px;
  top: -250px;
  animation: leaves-right-3 12s infinite linear;
  animation-delay: 6s;
}
@keyframes leaves-right-3 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-4 {
  background: url(../images/leaves-right-4.png) no-repeat;
  width: 59px;
  height: 110px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-4 12s infinite linear;
  animation-delay: 9s;
}
@keyframes leaves-right-4 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-5 {
  background: url(../images/leaves-right-5.png) no-repeat;
  width: 110px;
  height: 65px;
  position: absolute;
  right: 250px;
  top: -250px;
  animation: leaves-right-5 12s infinite linear;
  animation-delay: 2s;
}
@keyframes leaves-right-5 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}