How do I make responsive images on a grid have a hover image transformation?

Question

I have 4 images in a responsive grid. I can\'t seem to figure out how to enable each image to have a hover transformation image swap. I\'m using HTML/CSS. Here is my code an