Pineapple mirage svg animation

pineapple.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <filter id="h" x="-100%" y="-100%" width="300%" height="1000%" filterUnits="objectBoundingBox">
    <feTurbulence
        type="turbulence"
        baseFrequency="0.00 0.04"
        height="80%"
        numOctaves="1"
        stichTiles="stitch"
        result="turbulence" />
    <feComponentTransfer
        in="turbulence"
        result="rturbulence">
      <feFuncR type="linear" slope="0.5" intercept="0.5">
        <animate attributeName="slope" values="0;0.5;0" dur="10s" repeatCount="indefinite" />
      </feFuncR>
      <feFuncG type="linear" slope="0" intercept="0" />
      <feFuncB type="linear" slope="0" intercept="0" />
      <feFuncA type="linear" slope="0" intercept="0.5" />
    </feComponentTransfer>
    <feOffset
        in="rturbulence"
        result="shifted"
        dy="200%">
      <animate attributeName="dy" values="0;-400" dur="10s" repeatCount="indefinite" />
    </feOffset>
    <feDisplacementMap
        in2="shifted"
        in="SourceGraphic"
        scale="30"
        xChannelSelector="R"
        yChannelSelector="G" />
  </filter>
  <text x="160" y="160" style="font-size: 80px" filter="url(#h)">🍍</text>
</svg>