.mouse {
    display: inline-block;
    width: 20px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
}
.mouse > .wheel {
    display: inline-block;
    width: 3px;
    height: 6px;
    margin-top: 4px;
    background-color:  #fff;
    /* background-image: url(../img/5560-Mouse-grey.jpeg); */
    /* background-size: contain; */
    animation-name: mouseMove;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}
/* .mouse:hover > .wheel {
    animation-play-state: paused;
} */

@keyframes mouseMove {
    0%{
        margin-top: 4px;
        background-color: #fff;
        /* transform: rotate(0deg); */
    }
    50%{
        background-color: #fff;
    }
    100%{
        margin-top: 12px;
        background-color: #fff0;
        /* transform: rotate(720deg); */


    }
}