Preview normal but not a final result

Hello to all. I try to import in my Hypes file a external html with a moving sea. I change the path of the image in my Library folder. I have a normal preview but not a final programming knowledge is almost zero!
Moving (1.4 MB)

Don´t use a HTML-Widget but just a simple rectangle and put your code into its inner HTML. Works for me...

<svg width="0" height="0" xmlns="" xmlns:xlink="">
  <filter id="water">
    <feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
    <feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
      <animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite"></animate>
    <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="7" in="SourceGraphic" in2="noise2"></feDisplacementMap>

<img src=" ${resourcesFolderName}/water small.jpeg" alt="Hawaiian water crashes against the rocks">

Moving (1.4 MB)


It works!!!!! Thanks!!!!!