JSFiddle - React, Tailwind, and code Playground

HTML

<div class="avatar-wrapper"><img class="avatar" src="https://www.w3schools.com/w3css/img_lights.jpg" alt="image" /></div>

CSS

.avatar-wrapper {
  display: inline-block;
  background-image: url(https://www.w3schools.com/w3images/fjords.jpg);
}

.avatar-wrapper > .avatar {
  vertical-align: top;
}

.avatar-wrapper>.avatar:hover {
  opacity: 0;
}