@layer utilities {
  .fadeIn {
    opacity: 0;
    transition-duration: 500ms;
    transition-timing-function: ease-out;
  }
  .fadeIn.up{
    transform: translateY(-1rem);
  }
  .fadeIn.down{
    transform: translateY(1rem);
  }
  .fadeIn.left{
    transform: translateX(-1rem);
  }
  .fadeIn.right{
    transform: translateX(1rem);
  }
  .in-view {
    transform: translate(0) !important;
    opacity: 1;
  }
  .delay-400 {
    transition-delay: 400ms;
  }
}