JSFiddle - React, Tailwind, and code Playground

HTML

<div id="headingtext">HEADING</div>
<div id="imgDiv" style="height:500px"></div>

CSS

#headingtext:hover + #imgDiv {
    background-image: url("https://images.blogthings.com/thesingleflowertest/flower-3.png");
    background-repeat:no-repeat;
}

#imgDiv {
    background-image: url("https://images.blogthings.com/thesingleflowertest/flower-5.png");
    background-repeat:no-repeat;
}