Is there a way for me to zoom on an image with text over the image when I hover?

I was able to add a code to zoom the image when I hover over it, but when I add text on top of the image, and hover over it, the image doesn't zoom. It's only when the text is off that I am able to have the image zoom in when I hover. Does anyone know if of a way for me to zoom on the just the image, when text is placed on top?

@app4qp Try adding this code under Website > Pages > Website Tools > Custom CSS

.fe-block-yui_3_17_2_1_1717863215220_25365 {
  pointer-events: none !important;
}

You need to replace "fe-block-yui_3_17_2_1_1717863215220_25365" in the code with the class name of the text block positioned above the image.

Thanks! It worked! Is there a way to do this for an entire section? So I don't have to code it for each image/ text block?

@app4qp Can you share your site URL?

https://coral-armadillo-82lx.squarespace.com/config/pages > Under the Home (disabled) pages

@app4qp I'm only seeing a Coming Soon Page. Disabled pages are not visible publicly. 

I've enabled the page- please see here. https://www.bobabobacafe.com/home