responsive image-map with svg

Hi, on my site https://www.cranio-karin.at/kinesio-physio-tapes/ I want to use a responsive image-map with svg. unfortunately this code doesn´t work... <object id="CranioBanner"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1024 576"></svg> <title>Cranio Startseite</title> <rect x="0" y="0" fill="#fff" opacity="0" width="598" height="110"></rect> <rect x="0" y="110" fill="#fff" opacity="0" width="118" height="466"></rect> </object> what can i do? thank you Wolfgang