Using second transform in the same rule doesn't override it.

In the video Combining Transforms in the CSS Transitions and Transforms course, it says that if you use a second transform in the same rule it overrides the first. I find that this is true if the second transform is written directly under the first. However in the video an example second transform for the same rule is placed at the end of the interactions.css file and it still overrides the first transform. In the video when I try the same thing, not only is the first transform not overridden but the last transform is not applied. Why is this happening? The code segments looks like this. Sorry, the workspaces files for this video and a few others are not being listed. Don't know why. I'm using Firefox as my browser.

This code segment works the way the video says it should.

img:hover { transform: rotate(-5deg) scale(1.1) translateY(-20px); transform: skew(50deg); }

At end of the css file. Has no effect on the behavior of the images.

img:hover { transform: skew(50deg); }

Thanks for your help John