Вращение не относительно центра css

Сделал анимацию вращения на 360 градусов, но круг дергается, а не статичен. Посмотреть можно здесь. https://jsfiddle.net/a7e3mwph/

transform-origin: center не помог.

@keyframes wheel {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }

}

https://jsfiddle.net/a7e3mwph/