Managing images in a hover image card

Hello everyone. I'm having a recurring problem with certain types of components. I'm making a parent card component with a background image and content that becomes opaque on hover. In my instances, when I change the image, the hover image automatically returns to that of the parent component... I've since found an alternative using ratio components that allow you to load images and keep them on hover. But I find this method a bit cumbersome and probably obsolete. I was just wondering if a more recent solution was possible? Thanks for your help!