Почему анимация CSS идёт по дуге?

Question

[del993788]

Здравствуйте. Посмотрите как должна выглядеть анимация:
https://mega.nz/#!QFcgVSyQ!SMPDD9nVXHFDoo5qztov3Nz...
Я это сделал в AE

Вот посмотрите что выходит на css: https://jsfiddle.net/ckohsvg3/

Такое ощущение, что движение блока идёт по дуге. Типа не пряма анимация, а немного заворачивающаяся.

Это можно видеть по нижней тарелке с тремя пирожками. на gif'ке они не заходят за нижний край, а в jsfidddle заходит
С чем это связано и как вылечить?

Answer 1

[Oleg]

Насколько я понял, эффект возникает из-за того, что анимация ширины изображения так проигрывается.

Попробуйте немного по-другому, например как-то так: https://jsfiddle.net/wLdja0k9/1/

Answer 2

[Meakin]

это из за изображения может быть, через transform и scale настраивай, тестируй.