clip-path issue

[lucagiorgettispotsoftware]

Hi everyone, I have a rendering problem with this SVG.

`

<rect x="0" y="0" width="100" height="100" fill="#00ff00"/>
<rect x="10" y="10" width="80" height="80" fill="#00ffff"/>
<image clip-path="url(#clipPath01)" id="userImageArea_01" x="10" y="10" width="80" height="80" xlink:href="https://previews.123rf.com/images/paktaotik2/paktaotik21803/paktaotik2180300041/97611669-colorful-hot-air-balloons-flying-over-the-mountain-at-phucheefa-chiangrai-province-thailand-.jpg" preserveAspectRatio="none" />

`

The heart-shaped clip-path should be in the center (first image), but using macaw the heart is translated exactly the same size as the image node xy (second image). Any ideas on how to fix the problem?

Thanks in advance