
  <html>
    <body>
      <!-- the SVG filter embedded in the HTML -->
      <svg xmlns="http://www.w3.org/2000/svg">
        <filter id="waves" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
          <feTurbulence type="turbulence" baseFrequency="0.01 0.01" numOctaves="1" seed="1" stitchTiles="noStitch" result="turbulence"/>
          <feDisplacementMap in="SourceGraphic" in2="turbulence" scale="20" xChannelSelector="G" yChannelSelector="A" result="displacementMap"/>
        </filter>
      </svg>

      <!-- use the inlined #waves filter -->
      <img src="..." style="filter: url(#waves);" alt="...">
    </body>
  </html>