Nar-turbulence

<svg width="522" height="633">
<defs>
<mask id="haut">
<rect width="522" height="378" fill="#fff"/>
</mask>
<filter id="displacementFilter">
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" result="turbulence">
<animate attributename="baseFrequency" begin="0s" dur="120s" repeatcount="indefinite" values="0;0.05;0">
</feTurbulence>
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="5" xChannelSelector="B" yChannelSelector="R"/>
</filter>
</defs>
<image width="522" height="633" xlink:href="https://upload.wikimedia.org/wikipedia/commons/d/de/Michelangelo_Caravaggio_065.jpg""/>
<image width="522" height="633" xlink:href="https://upload.wikimedia.org/wikipedia/commons/d/de/Michelangelo_Caravaggio_065.jpg" filter="url(#displacementFilter)"/>
<image width="522" height="633" xlink:href="https://upload.wikimedia.org/wikipedia/commons/d/de/Michelangelo_Caravaggio_065.jpg" style="mask:url(#haut)"/>
</svg>