.hidden {
  opacity: 1;
  transition: opacity 0.7s;
}

.hidden-right {
  transform: translateX(-100px);
  transition: transform 0.7s;
}

.hidden-left {
  transform: translateX(100px);
  transition: transform 0.7s;
}

.hidden-left-up {
  transform: translate(50px, 50px);
  transition: transform 0.7s;
}

.rotate {
  transform: rotate(-8deg);
  transition: transform 0.7s;
}

.slide-up {
  transform: translateY(-20%);
  transition: transform 0.7s;
}

.shrinked {
  transform: scale(1);
  transition: transform 0.7s;
}

.shown {
  opacity: 0;
  transform: rotate(0deg) translate(0, 0) scale(0.75);
  transition: transform 0.7s, opacity 0.7s; /* Combining transitions */
}