JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vcenter-parent">
  <img id="my-thumbnail" class="vcenter-child">
  <a href="#potato" class="vcenter-child hoverable-link">Some Link</a>
</div>

CSS

.vcenter-parent {
  display: flex;
  justify-content: center;
}
.vcenter-child {
  align-self: center;
}
.hoverable-link {
  color: gray;
}
.hoverable-link:hover {
  color: blue;
  font-weight: bold;
}

#my-thumbnail {
  background: url("http://bit.ly/2e7xBXY") no-repeat;
  width: 32px;
  height: 32px;
}
#my-thumbnail:hover {
   background: url("http://bit.ly/2dSUZGO") no-repeat;
}