Background Image Hover Swap

Hello, I'm trying to do a hover image swap on the background image. I see a lot of resources for swapping images within code blocks but not for background images. 

I have my working code here, but so far have not been working:

[data-section-id="5dadd9923707f45fc260b448"]

 .section-background {
 visibility: hidden;
  opacity: 0 !important;
}
.section-background:hover {
 visibility: visible;
  opacity: 1 !important;
}

Any help will be very appreciated! Thanks!

Link to page please.

[data-section-id="5dadd9923707f45fc260b448"] .section-background img {
  opacity: 0;
  transition-property: transform,opacity;
  transition-timing-function: ease;
  transition-duration: 0.8s;
  transition-delay: 0.284211s;
}

[data-section-id="5dadd9923707f45fc260b448"]:hover .section-background img {
  opacity: 1;
}

@rwp

It works! Thank you so much!