JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
Hover over the goblin!
</h1>
<div class="goblin"></div>

CSS

body {
  background: black;
  color: white;
}

.goblin {
  background-image: url("https://gameartpartners.com/wp-content/uploads/edd/2015/06/goblin_featured.png");
  width: 600px;
  height: 500px;
}

.goblin:hover {
  background-blend-mode: multiply;
  background-color: red;
}