.js-slidein {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

.js-slidein-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.js-slidein2 {
  opacity: 0;
  transform: translateX(-100px);
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

.js-slidein2-visible {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.js-slidein3 {
  opacity: 0;
  transform: translateX(100px);
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

.js-slidein3-visible {
  opacity: 1 !important;
  transform: translateX(0) !important;
}