JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box-image">
  <img class="contentImage" src="https://preview.ibb.co/c9xtKT/img03.jpg">
  <a href="#">Delete</a>
</div>
<div class="box-image">
  <img class="contentImage" src="https://preview.ibb.co/c9xtKT/img03.jpg">
  <a href="#">Delete</a>
</div>
<div class="box-image">
  <img class="contentImage" src="https://preview.ibb.co/c9xtKT/img03.jpg">
  <a href="#">Delete</a>
</div>
<div class="box-image">
  <img class="contentImage" src="https://preview.ibb.co/c9xtKT/img03.jpg">
  <a href="#">Delete</a>
</div>
<div class="box-image">
  <img class="contentImage" src="https://preview.ibb.co/c9xtKT/img03.jpg">
  <a href="#">Delete</a>
</div>

CSS

.box-image {
  width: 20%;
  float: left;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-image:nth-child(6n+6) {
  clear: left;
}

.box-image img {
  width: 100%;
  max-width: 150px;
}

.box-image a {
  position: absolute;  
  color: #fff;
  text-decoration: none;
}