I am currently working on building a new landing page in the HubSpot COS, however, I am having an issue with adding a 'lightbox' effect to specified images.
To give you an idea of what I'm after, you can see a working example here: https://www.groupcall.com/messenger-translation (click on the image with the country flags) - clicking this enlarges the photo a bit making it easier to read, and clicking on the 'x' easily removed the large version.
The code from the above link I copy and pasted in to the Header and Footer section of the template, whilst also updating the tag in the source code to include the fancybox code.
The one with the 3 devices (please ignore the others for now).
As you'll see, when you hover over that image is zooms in a bit which is nice and as expected, however, when you click on it and then try to click the small 'x' at the top right, it removes the image alltogether.