JSFiddle - React, Tailwind, and code Playground

HTML

<img class="img1" src="" alt="" width="100" height="50" />
<img class="img2" src="" alt="" width="100" height="50" />

CSS

.img1 {
    background: red;
    display: inline-block;
}
.img1+.img2 {
    background: green;
    display: none;
}
.img1:hover+.img2 {
    display: inline-block;
    margin-left: -0.25em;
}