.element-animation {
    opacity: 0;
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  .element-animation.element-show {
    opacity: 1;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

.element-animation-two {
  opacity: 0.5;
  -moz-transform: translateX(20px);
  -o-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
  .element-animation-two.element-show-two {
    opacity: 1;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }