JSFiddle - React, Tailwind, and code Playground

HTML

<div class="editable title" id="paul">
Paul Smith
</div>
<div class="editable title" id="viv">
Vivienne Westwood
</div>

<div class="thumbnail-wrapper repeatable"><img data-title="viv" src="http://intelligen.info/images/LFW Live Show Drawings/Vivienne Westwood/2013/img012_2.jpg" alt="1"/></div>
<div class="thumbnail-wrapper repeatable"><img data-title="paul" src="http://intelligen.info/images/LFW Live Show Drawings/Vivienne Westwood/2013/img013_3.jpg" alt="2"/></div>

CSS

.thumbnail-wrapper img {
    height: 100px;
}
body {
    background-color: gray;
}
.title {
    display: replace;
    position: centre;
    right: 10px;
    top: 20px;
    font-size: 19px;
}

JavaScript

$(".thumbnail-wrapper").on("mouseover mouseout", "img", function () {
    $("#" + $(this).data("title")).toggle();
});