Take a look at this demo: https://codepen.io/will_beaumont/full/Baxopaj

If you resize your window, you should see the image on the left usually gets cropped by 1 pixel (which edge gets cropped depends on the window dimensions), whereas the image on the right never gets cropped. The image on the left has the CSS will-change: transform and the one on the right has will-change: unset, but for both of them their containing links have the property overflow: hidden. I've tested this in Chrome and Firefox. It's bizarre to me.

I want to use will-change because of the mouseover zoom effect, and I absolutely need overflow: hidden so that the zoom looks proper (i.e., the image gets cropped within its original dimensions). Any ideas why having will-change set would do this? On a side note, I religiously use will-change whenever there's the possibility of a style change, but I've read that it's possible to overdo it.