JSFiddle - React, Tailwind, and code Playground

HTML

<div style="--bgi-hover: url(https://rusdtp.ru/wp-content/uploads/rcl-uploads/avatars/31763-70x70.jpg)">наведи</div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}

div {
  width: 70px;
  height: 70px;
  background: url(https://e2.edimdoma.ru/data/ingredients/0000/6013/6013-ed4_square70.jpg) no-repeat center / contain;
}

div:hover {
  background-image: var(--bgi-hover);
}