<svg width="517" height="800">
<defs>
<mask id="half">
<rect width="290" height="800" fill="white"/>
</mask>
</defs>
<image xlink:href="https://i.pinimg.com/originals/e8/38/d3/e838d3d103c637ee3e8597e65d25fcbb.jpg" width="517" height="800"></image>
<text x="200" y="320">Happy Birtday
<animate attributename="x" begin="h.mousedown" dur="6s" fill="freeze" values="200;320"/>
</text>
<image xlink:href="https://i.pinimg.com/originals/e8/38/d3/e838d3d103c637ee3e8597e65d25fcbb.jpg" width="517" height="800" style="mask:url(#half)" id="h"></image>
<a xlink:href="https://gallica.bnf.fr/ark:/12148/bpt6k8820739c/f1.audio" target="blank">
<circle cx="310" cy="180" r="40" opacity="0"></circle>
</a>
</svg>
