body{
    text-align:center;
}
#wheel-back,
#wheel-front {
    animation: wheel 1s infinite linear ;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wheel{
    from {
        transform: rotateZ(odeg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

#body{
    animation: body 1s ease-in-out infinite alternate;
    transform-origin: bottom ;

}
@keyframes body{
    from{
        transform: rotateX(0deg);
        }
        to{
            transform: rotateX(20deg);
        }
}
#head{
    animation: head 1s ease-in-out infinite alternate;
    transform-origin: center;
    transform-box: fill-box;

}
@keyframes head{
    from{
        transform: translateY(0%) rotateZ(0deg);
        }
        to{
            transform: translateY(30%)rotateZ(10deg);
        }