/*
.revealxs {
  position: relative;

  transform: translateY(100px);
  opacity: 1;
 
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.revealxs.active {
  transform: translateY(0);
  opacity: 1;
}*/

.revealxs {
  transform: translateY(60px);
  opacity: 0;
  transition: transform 0.7s ease, opacity 0.7s ease;
}

/* stagger */
.revealxs:nth-child(1) { transition-delay: 0.1s; }
.revealxs:nth-child(2) { transition-delay: 0.2s; }
.revealxs:nth-child(3) { transition-delay: 0.3s; }
.revealxs:nth-child(4) { transition-delay: 0.4s; }

.revealxs.active {
  
  transform: translateY(0);
  opacity: 1;
}