.swing.up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  

  .swing.left {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .swing.right {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }

  .swing.rot {
    opacity: 0;
    transform: rotateY(40deg);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }



  .swing.show {
    opacity: 1;
    transform: translateY(0);
    transform: translateX(0);
    transform: rotateY(0deg);
  }