.floating-image img {
    display: block;
    margin: 0 auto; 
    width: 200px;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
0% {
    transform: translateY(0); /* 初始位置 */
}
50% {
    transform: translateY(-5px); /* 向上浮动的高度 */
}
100% {
    transform: translateY(0); /* 回到初始位置 */
}
}

.shake {
    display: block;
    margin: 0 auto; 
    animation: rock 0.25s ease-in-out infinite;
}

@keyframes rock {
    0% {
        transform: translateX(0); /* 初始位置 */
    }
    25% {
        transform: translateX(-3px); 
        }
    75% {
        transform: translateX(+3px); 
    }
    100% {
        transform: translateX(0); /* 回到初始位置 */
    }
}