Images added with code block spontaneously deleted

Site URL: https://www.hogushi-taro.com/links-staging

Hi there!

I have an issue getting images spotaneously deleted after adding on my webpage.

Specifically, I added a custom code block to images so that clicking on images takes to external links and fire GA tracking code to track user behaviour.

Is there a way to get around having images deleted from the database and ending up with a blank image?  Or have I done something wrong?  The code works at least a week or so.

-　Troubled page, screenshot attached:　https://www.hogushi-taro.com/links-staging

-　Custom HTML code:  pasted at the end of this post

-　Images in the custom code block:  For some unknown reason, the images in the code block have all disappeared from the uploaded image database.  Don't know specifically when.

-　FYI, steps taken:

1. added the images to the web page using the "Add Image" functionality
2. published live
3. inspected element to find the image URL
4. pasted image URL to img scr= code
5. removed images from the web page but not from the uploaded image database

Thanks very much for your help in advance!

<a href="https://twitter.com/hogushitaro" onClick="ga('send', 'event', { eventCategory: 'external_link', eventAction: 'button_click', eventLabel: 'twitter'});">
  <img src="https://images.squarespace-cdn.com/content/v1/5f5b8900fe68710ffdbdb06c/1613208107565-7RWA3NORS8MAZEETYPIB/ke17ZwdGBToddI8pDm48kNV3GUOWWzxDrTFa8WEZuSVZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpymN-Sz2I5NQ3odZuoF_eptl3QOaHjngFYYJktm0ZBIdUQ9Obberm6_IJethfnjQ8k/link_hogushitaro_twitter.jpg" alt="Twitter @hogushitaro" /a>
 <br>
    
   <a href="https://www.youtube.com/channel/UCttbYweMSRp3vqT94_aYiRQ" onClick="ga('send', 'event', { eventCategory: 'external_link', eventAction: 'button_click', eventLabel: 'youtube'});">
  <img src="https://images.squarespace-cdn.com/content/v1/5f5b8900fe68710ffdbdb06c/1613208129599-F3QJYRLVVKASHS8UAJ5X/ke17ZwdGBToddI8pDm48kNV3GUOWWzxDrTFa8WEZuSVZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpymN-Sz2I5NQ3odZuoF_eptl3QOaHjngFYYJktm0ZBIdUQ9Obberm6_IJethfnjQ8k/link_hogushitaro_yt.jpg" alt="YouTube Hogushi_Taro ほぐしたろ" /a>

 <br>
  <a href="https://room.rakuten.co.jp/hogushi_taro/collections" onClick="ga('send', 'event', { eventCategory: 'external_link', eventAction: 'button_click', eventLabel: 'rroom'});">
  <img src="https://images.squarespace-cdn.com/content/v1/5f5b8900fe68710ffdbdb06c/1611913747527-8FRV47AUEVG7BGZ2BKGF/ke17ZwdGBToddI8pDm48kNV3GUOWWzxDrTFa8WEZuSVZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpymN-Sz2I5NQ3odZuoF_eptl3QOaHjngFYYJktm0ZBIdUQ9Obberm6_IJethfnjQ8k/%E6%A5%BD%E5%A4%A9%E3%83%AB%E3%83%BC%E3%83%A0+%E3%81%BB%E3%81%90%E3%81%97%E3%81%9F%E3%82%8D+Hogushi_Taro" alt="楽天ルーム ほぐしたろ Hogushi_Taro" /a>
<br>
    
       <a href="https://instagram.com/hogushi_taro" onClick="ga('send', 'event', { eventCategory: 'external_link', eventAction: 'button_click', eventLabel: 'instagram'});">
  <img src="https://images.squarespace-cdn.com/content/v1/5f5b8900fe68710ffdbdb06c/1613208155774-DKXX6B7QMANK0QEOAMV8/ke17ZwdGBToddI8pDm48kNV3GUOWWzxDrTFa8WEZuSVZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpymN-Sz2I5NQ3odZuoF_eptl3QOaHjngFYYJktm0ZBIdUQ9Obberm6_IJethfnjQ8k/link_hogushitaro_ig.jpg" alt="Instagram Hogushi_Taro ほぐしたろ インスタ" /a>

SquareSpace in their infinite wisdom will delete "unused" images from your library. They don't recognize custom code images as being used. Having this same issue on blog posts where i use custom code to make author headshots/bio.

Honestly, I'm migrating my website to WordPress soon. There are so many aggravating and unsolvable issues such as this one with SS that should not exist on a professional web platform. Image management is a basic feature.