.arrowUp {
    display: inline-block;
    margin-left: 0.25rem;
    animation: animateUp 1.5s ease-in-out infinite;
}

.arrowDown {
    display: inline-block;
    margin-left: 0.25rem;
    animation: animateDown 1.5s ease-in-out infinite;
}

@keyframes animateUp {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    50% {
        opacity: 1;
        transform: translateY(-3px);
    }
    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
}

@keyframes animateDown {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        transform: translateY(-4px);
    }
    100% {
        opacity: 0;
        transform: translateY(6px);
    }
}