.timeline-animation {
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.timeline-grid-container > div.timeline-animation:nth-child(4n) {
  animation-name: timeline-animation-even;
}
.timeline-grid-container > div.timeline-animation:nth-child(4n - 3) {
  animation-name: timeline-animation-even;
}
@media (min-width: 1000px) {
  .timeline-grid-container > div.timeline-animation:nth-child(4n) {
    animation-name: timeline-animation-even;
  }
  .timeline-grid-container > div.timeline-animation:nth-child(4n - 3) {
    animation-name: timeline-animation-odd;
  }
}
@keyframes timeline-animation-even {
  0% {
    opacity: 0;
    transform: translateX(40vw) rotate(-10deg) translateY(-10vh);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg) translateY(0vh);
  }
}
@keyframes timeline-animation-odd {
  0% {
    opacity: 0;
    transform: translateX(-40vw) rotate(10deg) translateY(-10vh);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg) translateY(0vh);
  }
}