Switch images on hover in CSS

Question

I have a grid created in CSS (of which only one of the items is shown in the code below)

CSS: /* Grid 1 START*/

.grid-1 {
display: gri