Как найти центральную точку при вращении картинки?

Question

[Gagatyn]

Здравствуйте! Не могу повернуть картинку так чтобы вращалась на одном месте, а не прыгала в сторону. Подскажите, что делать?
Вот пример jsfiddle

Answer 1

[Сергей Горячев]

https://jsfiddle.net/61ygvr85/2/
ты ее сам двигаешь туда-сюда транслейтом, и удивляешься, что у тебя прыгает

Answer 2

[Владимир Проскурин]

Нужно не через translate ставить центральную точку, а через transform-origin: 50% (или transform-origin: center).