adding a lightbox to an image

Site URL: https://belmontaccommodates.com/testhome

Hi there - not sure if this can be done but here goes. 

I have an image on a test page,  https://belmontaccommodates.com/testhome , which I would like to click on to open a lightbox with a menu. At the moment, I have this working on a SS button, but would like to be able to click on an image to achieve the same result. The lightbox is using jquery and a javascript library  (featherlight) I found online. Any help would be greatly appreciated!

Thanks

Steve

Ive managed to sort some of this out myself.  I just replaced one of the SquareSpace image blocks with some html. The 'accommodation' image now opens a lightbox with a menu, which is just what i wanted. 

just need to sort out how to display the icons better, ie a row of 4, or 2 x 2 - this didn't happen previously

Thanks

Steve

Have you try the following tutorial?

https://support.squarespace.com/hc/en-us/articles/205812708-Setting-images-to-open-in-a-lightbox