.rabbit {
    width: 100px;
    height: 100px;
    background-image: url('rabbit3.gif');
    background-size: cover;
    position: absolute;
    animation: run 30s linear infinite, flip 0.5s steps(1) infinite;
    top: 60px;
}

@keyframes run {
    0%, 100% {
        left: 0;
        transform: scaleX(1);
    }
    25% {
        left: 100%;
        transform: scaleX(1);
    }
    50% {
        left: 100%;
        transform: scaleX(-1);
    }
    75% {
        left: 0;
        transform: scaleX(-1);
    }
}

@keyframes flip {
    0%, 24.9999% {
        transform: scaleX(1);
    }
    25%, 74.9999% {
        transform: scaleX(-1);
    }
    75%, 100% {
        transform: scaleX(1);
    }
}