JSFiddle - React, Tailwind, and code Playground

HTML

<div>some text to hover to see an image wich is hidden as you read this
    <img src="http://placehold.it/200x200&text=zi image" />
</div>

CSS

div img {
    position:absolute;
    opacity:0;
    transition:0s 180s;
}
div:hover img {
    opacity:1;
    transition:0s;
}
div {
    line-height:1.2em;
    font-size:1em;
    color:black;
    transition:0s 180s;
}
div:hover {
    line-height:0;
    font-size:0;
    color:transparent;
    transition:0;
}