JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
				<div class="col-sm-4">
					<div class="img-responsive img-rounded" id="one-image"alt="Responsive image">
					</div>
				</div>
			</div>

CSS

.col-sm-4 {
  padding-top: 20px;
}
.col-sm-4 .img-responsive {
  width: 350px;
  height: 350px;
  cursor: pointer;
}
.col-sm-4 .img-responsive#one-image {
  background: url(http://shrani.si/f/e/jm/42FHXzWF/cover.png);
}

.col-sm-4 .img-responsive#one-image:hover {
  background: #1abc9c;
  opacity: 0.3;
}