JSFiddle - React, Tailwind, and code Playground

HTML

<div class="overlay-image">
  <img src="https://lemagduchat.ouest-france.fr/images/dossiers/2020-08/mini/education-chaton-071501-650-400.jpg" alt="Alt text" class="fond" />
  
  <a class="lien" href="/"> LIEN </a>
  <img src="http://p8.storage.canalblog.com/88/62/784423/72724042.jpg" class="image" />
  <a class="lien" href="/"> LIEN 2</a>
  <img src="https://www.rustica.fr/images/shutterstock-359131082-cebotarin.jpg" alt="Alt text hover" class="image" />
</div>

CSS

.overlay-image {
  position:relative;
}

  .overlay-image .fond {
   height: 200px;
   width: 325px;
  }
  .overlay-image .image {
   position: absolute;
   top: 0;
   left: 0;
   height: 200px;
   width: 325px;
   opacity: 0;
   transition: .5s ease;
  }
  .lien:hover + img {
   opacity: 1;
  }