.react-image{position:relative;width:100%;height:100%}.react-image.yes .veritcal{animation-name:veritcal;animation-timing-function:linear;animation-duration:12s;animation-iteration-count:infinite}@keyframes veritcal {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 30px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}.react-image.yes .veritcal_two{animation-name:veritcal_two;animation-timing-function:linear;animation-duration:12s;animation-iteration-count:infinite}@keyframes veritcal_two {
  0% {
    transform: translateY(100px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100px);
  }
}.react-image.yes .horizontal{animation-name:horizontal;animation-timing-function:linear;animation-duration:12s;animation-iteration-count:infinite}@keyframes horizontal {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}.react-image.yes .rotated_style{animation:rotate1 30s linear infinite;-webkit-animation:rotate1 30s linear infinite}@keyframes rotate1 {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}.image-rotate{animation:rotation infinite 14s linear}@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}