@keyframes slideFromLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes slideFromRight {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  /* Apply animations to elements */
  /* Header and left column */
  .left-column {
    animation: slideFromLeft 0.45s ease-out;
  }
  
  /* Right column */
  .col-lg-6.col-md-6.col-sm-12.order-md-2 {
    animation: slideFromRight 0.45s ease-out;
  }