[Share] Change image to another image on mobile

(This for Image Block only)

#1. First, you install this free tool and find Image Block ID.

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

In my example, we will have

#block-yui_3_17_2_1_1711699792160_2223

#2. Use this code to Website > Website Tools > Custom CSS.

Replace Pixabay with your mobile image url.

@media screen and (max-width:767px) {
  #block-yui_3_17_2_1_1711699792160_2223 img {
    content: url(https://cdn.pixabay.com/photo/2022/01/07/01/21/girl-6920625_1280.jpg);
  }
}