Image Transparency/Opacity

I’m trying to change the opacity/transparency of an image but can’t get it to work. Essentially, I have one image set as a background image and I’m trying to overlay an image over it and change the transparency and I can’t get it to work. I’ve tried the native setting. I’ve tried CSS. I’m not sure what I’m doing wrong. I even just tried to use the Image element and change it by itself just as a test and I couldn’t change that either. Seems like this should be simple but I’m obviously not doing something right. Appreciate any guidance. Thanks.

The css code.

img {
transition: opacity 0.3s ease-in-out;
}

img:hover {
opacity: 0;
}

Thank you! I don’t even remember what I was working on at this point. :slight_smile: