Transparent PGN or GIF Not Transparent

Site URL: https://www.cyclebeatclub.com

I would like to place a transparent png or gif on my page and use the Image block "Collage" so I can have my text highlighted by a white background. However, when I place a transparent png or gif image I get a faint transparent grey block where the image resides. Even though the image is completely transparent, the Collage Image block seems to place a grey overlay in its place. Is there a work around or some code that you would share with me to eliminate the grey overlay?

Thanks.

18 minutes ago, Notacoder said:

Site URL: https://www.cyclebeatclub.com

I would like to place a transparent png or gif on my page and use the Image block "Collage" so I can have my text highlighted by a white background. However, when I place a transparent png or gif image I get a faint transparent grey block where the image resides. Even though the image is completely transparent, the Collage Image block seems to place a grey overlay in its place. Is there a work around or some code that you would share with me to eliminate the grey overlay?

Thanks.

please show the page with the image so we can give the exact solution

Okay I have created a test page which shows the effect. Notice the grey rectangle, this is the transparent image I created in PhotoShop using an sRGB colour space. The PNG is set to be transparent in the Save for Web dialogue and when I open the image in a web browser it is in fact transparent.

https://www.cyclebeatclub.com/test-page