.topbotom {
    animation: moveDown 1s infinite ease-in-out;
}

/* Keyframes for top-to-bottom animation */
@keyframes moveDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}


.zoominout {
    animation: zoom 2s ease-in-out infinite;
}

/* Keyframes for zoom in and zoom out effect */
@keyframes zoom {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        /* Adjust scale as needed for zoom in */
    }
}