.dh2-1 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(-480px);
  opacity: 0;
}

.dh2-2 {
  transform: translateY(0px);
  opacity: 1;
}

.dh2-3 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(480px);
  opacity: 0;
}

.dh2-4 {
  transform: translateY(0);
  opacity: 1;
}

.dh3-1 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(-300px);
  opacity: 0;
}

.dh3-2 {
  transform: translateY(0);
  opacity: 1;
}

.dh3-3 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(200px);
  opacity: 0;
}

.dh3-4 {
  transform: translateY(0);
  opacity: 1;
}

.dh4-1 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateX(-300px);
  opacity: 0;
}

.dh4-2 {
  transform: translateX(0px);
  opacity: 1;
}

.dh4-3 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateX(300px);
  opacity: 0;
}

.dh4-4 {
  transform: translateX(0px);
  opacity: 1;
}

.dh5-1 {
  transition: all 1s ease-in;
  transform-style: preserve-3d;
  transform: translateX(-400px) translateY(400px);
  transform: rotateY(360deg);
  opacity: 0;
}

.dh5-2 {
  transform: translateX(0px) translateY(0px);
  transform: rotateY(0deg);
  opacity: 1;
}

.dh5-3 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(20px);
  opacity: 0;
}

.dh5-4 {
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
  transform: translateY(0px);
  opacity: 1;
}