/* Define the keyframes */
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Initial state */
.slideinleft-element {
  opacity: 0;
  transform: translateX(-100%);
}

/* Animation only starts when this class is added */
.slideinleft-element.animate {
  animation: slideInLeft 2.5s ease-out forwards;
}