Create hover tabs for images

I have been trying to create hover tabs to show images in the middle when hover on text.
I need 3 tabs on the left and 3 tabs on the right side all showing images in the middle.
I have only managed to create something with text.
Below the code.

* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 30%;
height: 300px;
}

/* Style the buttons inside the tab */