how to hide specific spacer blocks on mobile only

Site URL: https://www.betweentwonaps.com/

hello there!

i have some spacer blocks that help align some images... but on mobile they pile up above and below the images to create great big spaces that make too much of a gap.

is it possible to use code to target specific spacer blocks so they hide on mobile?

(and how do you find out those block ids for in the code?)

any help appreciated! thanks!

Add this code to Home > Design > Custom CSS

/* remove spacer block mobile */
@media screen and (max-width:767px) {
	.spacer-block-id {
	display: none;
}
}

Find id with https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en