.ball {
    width: 30px; /* Уменьшенный размер мячика */
    height: 30px; /* Уменьшенный размер мячика */
    background-color: #FF4500; /* Цвет мячика */
    border-radius: 50%; /* Форма мячика */
    position: absolute; /* Позволяет позиционировать мячик относительно блока */
    top: 750px; /* Расположение от верхней части блока */
    left: 20px; /* Расположение от левой стороны блока */
    animation: bounce 7s infinite ease-in-out; /* Анимация без паузы, плавное ускорение и замедление */
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0); /* Позиция мячика на месте */
    }
    40% {
        transform: translateY(-130px); /* Высота прыжка (изменить при необходимости) */
    }
    60% {
        transform: translateY(-100px); /* Половина высоты прыжка */
    }
}