<style>
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
  
}

div.gallery:hover {
  border: 1px solid blue;
  
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}
</style>


<div class="gallery">
  <a target="_blank" href="https://i.ibb.co/4gfyLgW/mountain-4771100-640.jpg">
   <img src="https://i.ibb.co/4gfyLgW/mountain-4771100-640.jpg" alt="mountain-4771100-640" border="0" width="500" height="400">
  </a>
  <div class="desc">Code family</div>
</div>

<div class="gallery">
  <a target="_blank" href="https://i.ibb.co/C1XzDX5/cat-3169476-640.jpg">
    <img src="https://i.ibb.co/C1XzDX5/cat-3169476-640.jpg" alt="cat-3169476-640" border="0" width="500" height="400">
  </a>
  <div class="desc">Code family</div>
</div>

<div class="gallery">
  <a target="_blank" href="https://i.ibb.co/3s4b34J/aoraki-90388-640.jpg">
   <img src="https://i.ibb.co/3s4b34J/aoraki-90388-640.jpg" alt="aoraki-90388-640" border="0"  width="500" height="400">
  </a>
  <div class="desc">Code Family</div>
</div>