JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://izaak.jellinek.com/tuxes/images/BabyTuxSit.png">>
<p class="floutage">Description de la première image</p>

    <br /><br />    
    
<img src="http://izaak.jellinek.com/tuxes/images/BabyTuxSit.png">>
<p class="floutage">Description de la seconde image</p>

CSS

p{
    top: 200px;
    left: 200px;        
}

img{
    width: 25%;
    top: 200px;
    left: 250px;    
}

p, img {
    transition: all 1s linear;
}

.floutage{  
    -webkit-filter: blur(20px);
    opacity:0;
}

JavaScript

var elements = $('img, p'); // selectionne image et texte
elements.click(function(){ elements.toggleClass("floutage"); });