JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "genel"> 
<!-- İlk olarak gösterilecek resim --> 
     <p>adad</p>
<!-- Son olarak gösterilecek resim --> 
    <p>merhaba<p/> 
</ div>

CSS

div.genel { 
position: relative; 
} 
 
img.a { 
position: absolute; 
left: 0; 
top: 0; 
z-index: 10; 
} 
 
img.b { 
position: absolute; 
left: 0; 
top: 0; 
}

JavaScript

$(document).ready(function(){ 
$("p.a").hover( 
function() { 
$(this).stop().animate({"opacity": "0"}, "slow"); 
}, 
function() { 
$(this).stop().animate({"opacity": "1"}, "slow"); 
}); 
});