Remove grey background on image when using 'Card' layout

We have added an image onto a page and styled using rh 'Card' layout.  Teh image has a transparent background but SQS automatically adds a grey background.  If we change to 'Inline' Style then the grey disappears and it looks fine, but any other layout for the image, the grey background appears.  I'm trying to add code to remove that but not sure what to use.

The specific block is: #block-yui_3_17_2_1_1718875039409_3548

I have tried adding background-color: none; but that didn't work.

@interactionld Can you share your site URL?

https://www.interaction-ld.com/views

But, it's for a blog post that is not yet published

47 minutes ago, interactionld said:

We have added an image onto a page and styled using rh 'Card' layout.  Teh image has a transparent background but SQS automatically adds a grey background.I'm trying to add code to remove that but not sure what to use.

Hi @interactionld You can change this in Site Styles.

Site Styles > Colors > select appropriate theme > find IMAGE BLOCK: CARD > Image Overlay > change the colour, or set transparency to zero for no overlay.

Let me know how it goes.

oh my gosh, thank you.  So obvious now!

1 hour ago, interactionld said:

oh my gosh, thank you.  So obvious now!

You are very welcome! It's one of those things, once you know, you know 🙂

Please give my post a thumbs up and mark as the solution to help others find the answer easier. Thank you!