Syntax Error On Line 1

Site URL: https://lilyrubycreative.squarespace.com/

Hey,

I am an absolute beginner and I am trying to create an Image Map on one of my pages so that when a user hovers over/clicks on a part of an image, they can see that item closer up. I have used https://www.image-map.net/ to try and get the right coding, but it says Syntax Error On Line 1 . Here is the code I have so far, perhaps someone can help me find the mistake?

<!-- Image Map Generated by http://www.image-map.net/ -->

<img src="pop up food stall .png" usemap="#image-map">

<map name="image-map">

    <area target="_parent" alt="Chips" title="Chips" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d3be8fd43071e655e8e6/1621611456129/Chips+Wrapper+FInal.png" coords="1342,2366,159" shape="circle">

    <area target="_parent" alt="Menu (small)" title="Menu (small)" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7ce77343ab059068ba398/1621610105661/Finsihed+Menu.+png.png" coords="1694,2299,2357,2531" shape="rect">

    <area target="_parent" alt="Menu (big)" title="Menu (big)" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7ce77343ab059068ba398/1621610105661/Finsihed+Menu.+png.png" coords="542,2417,8,830" shape="rect">

    <area target="_parent" alt="Brochure 1" title="Brochure 1" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d38baa94945b3ab8b321/1621611406955/Brochure+laid+out.png" coords="1918,1428,2015,1599" shape="rect">

    <area target="_parent" alt="Brochure 2" title="Brochure 2" href="https://static1.squarespace.com/static/60647d13b4a2b41ddf4bba12/t/60a7d38baa94945b3ab8b321/1621611406955/Brochure+laid+out.png" coords="3054,1567,2964,1445" shape="rect">

</map>

Thanks so much for any help!

Add a Code Block >> Paste your code

Don't add to Design > Custom CSS