testas

<svg id="svgx">
  <defs>
    <filter id="disFilter">
      <feTurbulence type="turbulence" baseFrequency="0.91" numOctaves="13" seed="15" result="turbulence">
        <animate attributeName="baseFrequency" values="0.01;0.005;0.01;" dur="15s" begin="0" repeatCount="indefinite"></animate>
      </feTurbulence>
      <feDisplacementMap in="SourceGraphic" in2="turbulence" scale="30" xChannelSelector="R" yChannelSelector="B" result="displacement"></feDisplacementMap>
    </filter>
  </defs>
  <g id="backgroundza">
    <image xlink:href="resources/img/hero-bg.jpg" x="0" y="0" height="100%" width="100%" preserveAspectRatio="xMidYMid slice"></image>
  </g>
</svg>



    #svgx {
      /* position: fixed; */
      width: 100%;
      height: 100%;
    }

    #backgroundza {
      filter: url("#disFilter");
    }