JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="wrapper">
  <div class="onhover">
    <a class=""onhover_change>dsd</a>
  </div>
  <div class="hide">
       <img src="/img.png">
  </div>
</div>

CSS

.wrapper{
  display:flex;
  flex-direction:column;
}
.onhover{order:1}
.hide{order:0}
.onhover:hover + .hide{
  opacity:0.3;
}