@keyframes btnArrowAnimation {
  0% {
    background-position: 20px center;
    opacity: 1;
  }
  50% {
    background-position: 60px center;
    opacity: 0;
  }
  51% {
    background-position: -60px center;
    opacity: 0;
  }
  100% {
    background-position: center center;
    opacity: 1;
  }
}

@keyframes btnArrowDownAnimation {
  0% {
    background-position: center 20px;
    opacity: 1;
  }
  50% {
    background-position: center 60px;
    opacity: 0;
  }
  51% {
    background-position: center -60px;
    opacity: 0;
  }
  100% {
    background-position: center center;
    opacity: 1;
  }
}

@keyframes fade-in-gallery {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bounceInRight {
  80% {
    margin-left: 25px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceInLeft {
  80% {
    margin-left: -25px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceBtnSlide {
  0%,
  100% {
    transform: translateY(0);
  }

  60% {
    transform: translateY(15px);
  }
}