@keyframes fadeinleft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Keyframe Animation for fadeinright */
@keyframes fadeinright {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Apply the animation to the elements with the respective classes */
.fadeinleft {
  animation: fadeinleft 2s ease-in-out forwards;
}

.fadeinright {
  animation: fadeinright 2s ease-in-out forwards;
}

.fadesection {
  opacity: 0;
  transition: opacity 2s ease-in-out;
}