skyleguy on "img disappear on hover help"

I am using the newest version of wordpress, and newest version of Divi. I have created an image module and in the custom CSS settings I have moved it around using margins (yes i know there is a custom margins section in the advanced settings).

I want this image to disappear whenever it is hovered.
I have:
'
.et_pb_image_0:hover {
opacity: 0;
}'

But it is not disappearing on hover. When i click into the "main element" it says near the top ".et_pb_image_0" so i only assume that is the correct name to call this element.

Any help would be appreciated!

Can you please post a link to a page on your site where you are trying to make this happen? Since Divi is a commercial theme, I can't install it to test it out, so it would be helpful to actually see the page. Thanks.

.div:hover img { opcity: 0 }

http://homeinspectioncarync.com/

this is the page I am working with. I want the check mark in the middle of the screen to disappear on hover (when this page is done I actually want it to appear on hover, but for testing purposes I thought it would be easier to start off making it disappear first)