JSFiddle - React, Tailwind, and code Playground

HTML

<div id="madiv3" onmouseout="document.getElementById('madiv4').style.visibility='visible'; document.getElementById('madiv3').style.visibility='hidden'" >Ici le texte de mon div qui apparait au survol de mon image <img src="http://dailycheckinfo.unblog.fr/files/2009/07/developpez.png">

</div>
 
<div id="madiv4">

<img onmouseover="document.getElementById('madiv3').style.visibility='visible'; document.getElementById('madiv4').style.visibility='hidden'" src="http://www.developpez.net/template/images/logo.png">

</div>

CSS

#madiv3{
position:relative; top:10px; left:0;
 width:260px;
 height:400px;
 visibility:hidden;
 }

#madiv4{
position:relative; top:10px; left:0;
 width:260px;
 height:365px;
 visibility:visible;
 }