Header Image Map

Hello,
I have links from the header image I need to map.
I made a map code on the https://www.image-maps.com/ website? on the image I have also defined as the header image in the Jolene Theme.
However, I cannot find where and how to add the code.
This is the code:

<img id="Image-Maps-Com-image-maps-2015-05-11-082741" src="https://www.image-maps.com/m/private/0/safe2vu5fpkn62tpplsq1dgnq7_clouds2.png" border="0" width="1309" height="400" orgWidth="1309" orgHeight="400" usemap="#image-maps-2015-05-11-082741" alt="" />
<map name="image-maps-2015-05-11-082741" id="ImageMapsCom-image-maps-2015-05-11-082741">
<area  alt="" title="" href="https://siach.net/noam/" shape="rect" coords="52,23,202,98" style="outline:none;" target="_blank"     />
<area  alt="" title="" href="https://siach.net/news/" shape="rect" coords="219,85,369,160" style="outline:none;" target="_blank"     />
<area  alt="" title="" href="https://siach.net/rotem/" shape="rect" coords="371,12,521,87" style="outline:none;" target="_blank"     />
<area  alt="" title="" href="https://siach.net/" shape="rect" coords="1011,7,1309,151" style="outline:none;" target="_self"     />
<area shape="rect" coords="1307,398,1309,400" alt="Image Map" style="outline:none;" title="Image Map" href="https://www.image-maps.com/index.php?aff=mapped_users_0" />
</map>

Can you help me place it over the header image?

Thank you,
Vera