<div class="images">
  <figure>
    <img src="https://fruntend.com/storage/photos/1/sunflowers.jpg" alt="sunflower">
    <figcaption>Обычная картинка</figcaption>
  </figure>
  <figure>
    <img class="squiggly-filter" src="https://fruntend.com/storage/photos/1/sunflowers.jpg" alt="sunflower">
    <figcaption>Картинка с SVG-фильтром</figcaption>
  </figure>
</div>
<svg viewBox="0 0 500 500" width="500" height="500" aria-labelledby="title desc"><filter id="turbuMap">
                    <feTurbulence type="fractalNoise" baseFrequency="0.015" numOctaves="2" result="turbulence" data-filterid="3"></feTurbulence>
                    <feDisplacementMap xChannelSelector="R" yChannelSelector="G" in="SourceGraphic" in2="turbulence" scale="40"></feDisplacementMap>
                  </filter></svg>

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.images {
  margin: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
  font: 2vw sans-serif;
}
figure {
  flex-grow: 1;
  text-align: center;
}
img {
  display: block;
  width: 100%;
  max-width: 100%;
}
figcaption {
  padding-top: 10px;
}
.squiggly-filter {
  filter: url(#turbuMap);
}
svg {
  display: none;
}