/**
 * Setze die Klasse 'bns-bounce' auf das Element, was bouncen soll
 */
.bns-bounce {
    animation: bns-bounce-animation 10s linear 0s infinite;
}

.bns-bounce-down {
    animation: bns-bounce-animation-down 10s linear 0s infinite;
}

@keyframes bns-bounce-animation {
    0%,
    20%,
    100% {
        transform: translateY(0);
    }
    15% {
        transform: translateY(-1rem);
    }
    10% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(-2rem);
    }
}

@keyframes bns-bounce-animation-down {
    0%,
    20%,
    100% {
        transform: translateY(0);
    }
    15% {
        transform: translateY(1rem);
    }
    10% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(2rem);
    }
}
