.fly-in {
  opacity: 0;
  transform: translateX(100vw); /* Základní stav mimo obrazovku */
  transition: transform 1s ease, opacity 1s ease;
}

.fly-in.from-left {
  transform: translateX(-100vw); /* Zleva */
}

.fly-in.show {
  opacity: 1;
  transform: translateX(0); /* Na svoji pozici */
}

.fly-in.from-bottom {
  opacity: 0;
  transform: translateY(50px); /* Start pozice - o 50px níže */
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}