/* ANIMATION */
.animation {
  opacity: 0;
  filter: blur(0);
  transform: translateY(50%);
  transition: all 1.2s ease-in-out;
}

.animation[animation="true"] {
  opacity: 1;
  transform: translateX(0);
}

.animation-2 {
  opacity: 0;
  filter: blur(0);
  transform: translateY(50%);
  transition: all 1.1s ease-in-out;
}

.animation-2[animation="true"] {
  opacity: 1;
  transform: translateX(0);
}