CSS Image Grid with hover effect to each image

Question

I am trying to create a simple image grid and I would like to add hover effects to each image. I would like the effect to be a transition to a different image. so far I have