CSS: Comment mettre à l'échelle une image à partir du centre au lieu d'en haut à gauche

Donc mon problème est que j'ai une image et j'ai mis son CSS pour avoir un

max-width: 100% 

qui évolue dans les basses résolutions ( comme on le verra dans le violon, ci-dessous ). Ce que je veux, c'est pour la transition à prendre effet à partir du centre de l'image.

Actuellement; et de ce que j'ai vu de la plupart des transitions que j'ai fait impliquant l'échelle, elles s'étendent à partir de l'angle supérieur gauche.

voici mon violon: http://jsfiddle.net/Eolis/3ya98xh8/3/

OriginalL'auteur Eolis | 2015-02-25