.animation-email.active .animation-step-2-left,
.animation-email.active .animation-step-2-right {
  transition: transform 1s ease-in-out 2s, opacity 1s ease-in-out 1s;
  transform: translateX(0);
  opacity: 1;
}

.animation-email .col-inner {
  transform: translateX(-100vw);
}

.animation-email.active .col-inner {
  transform: translateY(0);
  transition: transform 1s linear;
}

.animation-email.active .animation-step-3 {
  transition: opacity 1s ease-in-out 3s;
  opacity: 1;
}

.animation-email .animation-step-3,
.animation-email .animation-step-2-left,
.animation-email .animation-step-2-right {
  opacity: 0;
}

.animation-email .animation-step-2-left {
  transform: translateX(-50vw);
}
.animation-email .animation-step-2-right {
  transform: translateX(50vw);
}