/* กำหนดการเคลื่อนไหวแบบ bounce */
@keyframes bounce {
    /* ไม่มีการเคลื่อนไหวที่เปอร์เซ็นต์เหล่านี้ */
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    /* เคลื่อนไหวขึ้น 10px ที่ 40% ของระยะเวลาการเคลื่อนไหว */
    40% {
        transform: translateY(-10px);
    }
    /* เคลื่อนไหวขึ้น 5px ที่ 60% ของระยะเวลาการเคลื่อนไหว */
    60% {
        transform: translateY(-5px);
    }
}

/* คลาสสำหรับการเพิ่มการเคลื่อนไหวแบบ bounce ให้กับองค์ประกอบ */
.icon-bounce {
    display: inline-block; /* ทำให้ไอคอนเป็นแบบ inline-block เพื่อให้สามารถใช้การเคลื่อนไหวได้ */
    animation: bounce 2s infinite; /* ใช้การเคลื่อนไหว bounce ด้วยระยะเวลา 2 วินาที และวนซ้ำไม่สิ้นสุด */
}