Vulpes

For these image blocks?

with first image, use this CSS code
#block-yui_3_17_2_1_1679478884804_65665 .content-fill:after { transition: all 1s; background-color: rgba(0,0,0,5) !important; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; } #block-yui_3_17_2_1_1679478884804_65665:hover .content-fill:after { opacity: 1 !important; } With other images, you can do similar
 

@tuanphanThank you very much, this helped me massively although it also caused another issue with my text colour being unreadable so I added another line for that however it does not change any heading text, only paragraph. Is there a way to also change any heading text colour in the footer for this page only?
<style>  footer#footer-sections .content-wrapper { background: black !important; color: white !important; } </style> EDIT:
Resolved this by adding another stanza for the h3 specifically, see below.
<style> footer#footer-sections .content-wrapper { background: black !important; color: white !important; } footer#footer-sections .content-wrapper h3 { color: white !important; } </style> Thanks again to tuanphan for the original post response.

Add to Page Settings > Advanced > Header (If you use Personal Plan > Edit Page > Add Code Block)
<style> footer#footer-sections .content-wrapper { background: green !important; } </style>