JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <img src="//placehold.it/300x300"/>
    <div>Ваш список тут :-) 1</div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
img {
    cursor: pointer;
}
.parent {
    width: 300px;
    height: 300px;
}
.parent div {
    display: none;
    width: 300px;
    height: 300px;
}
.parent:hover img {
    display: none;
}
.parent:hover div {
    display: block;
}