.container-animation {
    display: flex;
    align-items: flex-end; /* Balken am unteren Rand ausrichten */
    gap: 3px;
    height: 100px; /* Höhe des Containers */
    position: absolute;
    right: 20px;
    bottom: 20px
}
.bar {
    width: 5px;
    background-color: #61dafb;
    animation: bounce 1s infinite alternate; /* Animation langsamer */
    transition: height 0.5s; /* Sanfte Übergänge */
}

.bar1 {
    animation: bounce1 1.2s infinite alternate; /* Langsame Animation */
    border-radius: 10px;
}

.bar2 {
    animation: bounce2 1.1s infinite alternate; /* Langsame Animation */
    border-radius: 10px;
}

.bar3 {
    animation: bounce3 1.3s infinite alternate; /* Langsame Animation */
    border-radius: 10px;
}

.bar4 {
    animation: bounce4 1.2s infinite alternate; /* Langsame Animation */
    border-radius: 10px;
}

.bar5 {
    animation: bounce5 1.1s infinite alternate; /* Langsame Animation */
    border-radius: 10px;
}

@keyframes bounce1 {
    0% { height: 20px; }
    25% { height: 30px; } /* Reduziert von 40px auf 30px */
    50% { height: 22px; } /* Reduziert von 25px auf 22px */
    75% { height: 35px; } /* Reduziert von 45px auf 35px */
    100% { height: 21px; } /* Reduziert von 22px auf 21px */
}

@keyframes bounce2 {
    0% { height: 20px; }
    25% { height: 25px; } /* Reduziert von 35px auf 25px */
    50% { height: 20px; } /* Reduziert von 22px auf 20px */
    75% { height: 25px; } /* Reduziert von 30px auf 25px */
    100% { height: 20px; } /* Reduziert von 20px auf 20px */
}

@keyframes bounce3 {
    0% { height: 20px; }
    25% { height: 35px; } /* Reduziert von 45px auf 35px */
    50% { height: 25px; } /* Reduziert von 30px auf 25px */
    75% { height: 30px; } /* Reduziert von 40px auf 30px */
    100% { height: 22px; } /* Reduziert von 25px auf 22px */
}

@keyframes bounce4 {
    0% { height: 20px; }
    25% { height: 25px; } /* Reduziert von 30px auf 25px */
    50% { height: 20px; } /* Reduziert von 22px auf 20px */
    75% { height: 28px; } /* Reduziert von 35px auf 28px */
    100% { height: 25px; } /* Reduziert von 30px auf 25px */
}

@keyframes bounce5 {
    0% { height: 20px; }
    25% { height: 22px; } /* Reduziert von 25px auf 22px */
    50% { height: 30px; } /* Reduziert von 40px auf 30px */
    75% { height: 20px; } /* Reduziert von 22px auf 20px */
    100% { height: 25px; } /* Reduziert von 30px auf 25px */
}