JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
   <div class="flex-item">
     <img src="cityscape.png" >
     <a href="ArchitectureWork.html">arch</a>
   </div>
   <div class="flex-item">
     <a href="FineArt.html">fine art</a>
   </div>
   <div class="flex-item">
     <a href="Doodles.html">doodles</a>
   </div>
 </div>

CSS

.flex-item img {
  display: none;
}

.flex-item:hover img {
  display: block;
}

.flex-item:hover a {
  color: #FFFFFF;
}