JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
        <img id="mb"
        src="https://www.gravatar.com/avatar/7776e0b99bcafda15ca8c66946e6a623?s=32&d=identicon&r=PG&f=1"
        draggable="false"
        style="-moz-user-select: none;"
        ondragstart="return false;"
        onmouseover="this.src='https://www.gravatar.com/avatar/7776e0b99bcafda15ca8c66946e6a623?s=32&d=identicon&r=PG&f=1'"
        onmouseout="this.src='https://www.gravatar.com/avatar/7776e0b99bcafda15ca8c66946e6a623?s=32&d=identicon&r=PG&f=1'">
            <ul>
                <li><a href="#">Omg look at this!</a></li>
            </ul>
    </div>

CSS

#menu img:hover + ul { background:red; }