Troubleshooting Image Overlay Issues on Your Website

Here is my read-only link https://preview.webflow.com/preview/grupoinel?utm_medium=preview_link&utm_source=desig[…]l&preview=ceac990907a05574318358f466e06a29&workflow=preview

I’m also having this issue con my published site. The image looks small but on preview/designer looks good. Thanks in advance

Matías O. since the issue is on the published URL - mind sending that along?

https://preview.webflow.com/preview/grupoinel?utm_medium=preview_link&utm_source=desig[…]85b240ae4bc130bd2f32be189bdcdc09&locale=en&workflow=preview

There you go thanks

I created an new link

ah the published URL - I saw you had sent the preview, but wanted the webflow.io URL

oh

https://grupoinel.webflow.io/

I do need both for sure but I'll need to actually see the issue

yeah thanks man, appreciate it!

thank you Matt

Looks like you'll need to disable the responsiveness of the image because with that on webflow is injecting a width/size for that image and I think its shrinking it. I am honestly not 100% sure why some images do this and others don't. I wish I had time to dig into it more but as of right now I don't - I might dig into it later though and if I find anything, I'll let you know.

Thank you

But about the main request

About that prefoootee

Image overlay thats not showing on published

for some reason there is an opacity of 0 set on that element and I can't see any reason why. is there any custom code anywhere?

also actually it does show up in designer, even though there are no styles applied to that, so maybe somewhere else in the process there is an interaction that is targetting that class?

There is no custom code! Just relume :)

yep I just found it - in the hero, because of that hero header....wild

ugh yeah this is a Relume bug Matias, very sorry for that.

easiest solution is to duplicate the class and put the component name infront of it and everything should work as expected.

duplicate image-overlay-layer

Thank you, ill try asap. Have a good day