JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nz-thumbnail press-block" style="background-image: url('https://i1.sndcdn.com/avatars-000213236920-fgljg3-t500x500.jpg');">
      <a class="nz-overlay-before" title="View details" href="javascript:;"></a>
</div>

CSS

.nz-thumbnail {
	position: relative;
	overflow: hidden;
	padding-bottom: 75%;
	backgraund-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.nz-overlay-before {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}