JSFiddle - React, Tailwind, and code Playground

HTML

<div class="w">
    <div class="c"></div>
    <div class="p"></div>
</div>

CSS

.w {position:relative;}
.c {width:50px;height:50px;background:#999;position:absolute;z-index:1;top:30px;left:60px;}
.p {width:150px;height:150px;background:#000;}
.c:hover ~ .p{background:#444;}