@keyframes tilt-in-right-1 {
  0% {
    transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
.swapKiri {
  transform: translateX(0);
}

.swapKanan {
  transform: translateX(0);
}

.swapCenter {
  transform: translateX(0);
}