.animation-element.slide-left {
    opacity: 0;
    transition: all 800ms linear;
    transform: translate3d(-100%, 0px, 0px);
  
  }
  .animation-element.slide-left.in-view {
    opacity: 1;
    transform: translate3d(0%, 0px, 0px);
  }
  .animation-element.slide-right {
    opacity: 0;
    transition: all 800ms linear;
    transform: translate3d(100%, 0px, 0px);
  }
  
  .animation-element.slide-right.in-view {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
  

  .animation-element.zoom-up {
    -moz-transition: all 800ms linear;
    -webkit-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    transition: all 800ms linear;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  
  .animation-element.zoom-up.in-view {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
   
  
  }