@keyframes animated-arrow {
  0% {
    bottom: 16px;
  }
  50% {
    bottom: 32px;
  }
  100% {
    bottom: 16px;
  }
}

.animated-arrow {
  position: fixed;
  width: fit-content;
  bottom: 16px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  animation: animated-arrow 1.5s ease-in-out infinite;
}