JSFiddle - React, Tailwind, and code Playground

HTML

<div id="workarea">
    <h1 id="title">Área de Testes</h1>
    <figure id="start">
        <img id="gear2" src="img/gear.png"/>
    </figure>
    <p id="first"></p>
    <figure id="start2">
        <img id="gear3" src="img/gear.png"/>
    </figure>
    <p id="second"></p>
</div>

CSS

figure {
    border: 1px solid red;
}

#start:hover ~ figure {
    -webkit-transform:rotate(90deg);
            transform:rotate(90deg);
}