2nd image not shown when stacked even when the 1st at 0% opacity


I have an issue on getting the 2nd image to appear when stacked. I am still new to Webflow so maybe it’s just a basic problem but I can’t find it anywhere on how to fix it.

Thank you for your time

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Welcome to the community @Ahmad_Faiz_Adnan!

Your screenshots make it tough to figure out exactly what’s going on, so would you be able to include the read-only link so we can take a closer peek at the setup?

Whoops, for some reason that link didn’t come up when I submitted my reply. I took a peek at your site and it looks like all of the “image-holder-list” image elements are set to 0 opacity. Since these are using combo classes, it’s possible that your changes weren’t being overridden by your 1, 2, or 3 classes.

I adjusted the opacity on each of the elements separately (from top to bottom) and I was seeing the image fading in over top. Keep in mind that you don’t need the z-index property unless you plan on moving an image sitting at the top of the stack in front of one below it—in which case you’d set it to 1 or higher :+1:

Thanks! I got it figured out somehow but still thanks for the help!

Looking forward to be more active in the community :smiley:

1 Like