UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.90 Safari/537.36

Steps to reproduce the problem:
1. Put a simple image in an html and give it a matrix 3d transform, for example: matrix3d(0.80998, -1.2438, 0, -0.00027, 0, 0.84477, 0, 0, 0, 0, 1, 0, 0.67383, 3224, 0, 1);

Example: https://jsfiddle.net/ejxcj2ju/7/ 
2. Zoom in and zoom out 
3. The resulting image transform (how it is actually rendered) is inconsistent and rotates/stretches back and forth.

What is the expected behavior?
The CSS transform property, whose value is a matrix3d stretches and rotates the image to a certain condition.
The expected behavior is for the image to remain in that condition apart from growing larger or smaller with the rest of the screen, upon zooming.

What went wrong?
In addition to growing larger or smaller, the image rotates and stretches in unexpected ways upon zooming. In the attached jsfiddle example you may notice that upon zooming in, the image stretches and rotates counter clock-wise.

As noted, this behavior does not reproduce in either FireFox or Edge.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 54.0.2840.90  Channel: stable
OS Version: Linux 3.19.0-32-generic x86_64
Flash Version: Shockwave Flash 23.0 r0

1. https://jsfiddle.net/ejxcj2ju/7/

2. We've also noted that in some cases, some transformed images will appear different (again, significantly stretched) on different computers while using Chrome. And again, this does not happen for other browsers. But since the case presented here always reproduces for us (on any computer, with chrome), we're not sure this is the same bug. It might be two separate ones.

3. We've tried playing with the transform-origin CSS property without being able to solve or even reduce the symptoms.