.arrow-down {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
  }
.arrow-down:hover {
    opacity: 0.8;
}

.arrow-up {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    display: none;
}
.arrow-up:hover {
    opacity: 0.8;
}