CSS designing positioning and anchor on each image on normal, hover and active state

5 years ago from , Front-end Web Developer

How can i design a layout like this on this image https://www.dropbox.com/s/20kbugs89hl08bi/position.jpg?dl=0

I want to use CSS styling, here is what will happen to the design when I hover ?

1) event that will happen on hover state on each image: 1a) it will show another image with the same size as the original image on normal state 2) and responsive state if I want it to view on a smart tabs gadget.