JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://symboldev.pp.ua/_data/error-sign.svg" alt="Error" id="error">

CSS

#error {
	height: 30px;
	width: 30px;
}

#error::after {
	content: "Here is tooltip text";
	display: block;
	width: 300px;
	height: 300px;

	visibility: hidden;
}

#error:hover #error::after {
	visibility: visible;
}