JSFiddle - React, Tailwind, and code Playground

by Kamal Rawat

HTML

<div class="profile-image">
    <a href="#"></a>
</div>

CSS

.profile-image a {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 12px;
  top: 12px;
  border-radius: 500px;
  display: block;
    background: url(http://placehold.it/40x40/);
}
.profile-image:hover a {
  width: 24px;
  height: 24px;
  left: 12px;
  top: 15px;
    background:    url(http://placekitten.com/40/40);
}