JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><span></span></a>

CSS

a {
  display: block;
  overflow: hidden;
  height: 200px;
  background: red;
  text-align: center;
}

a::before {
  content:'';
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: -1px;
}

span { /* картинка */
  width: 100px;
  height: 100px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
}