@keyframes natours-moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(10rem);
  }

  100%{
    opacity: 1;
    transform: translate(0rem);
  }
}

@keyframes natours-moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }

  80% {
    transform: translateX(2rem);
  }

  100%{
    opacity: 1;
    transform: translate(0rem);
  }
}

@keyframes natours-moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }

  80% {
    transform: translateX(-2rem);
  }

  100%{
    opacity: 1;
    transform: translate(0rem);
  }
}