Change images while hover on button, on a website section

I'm working on a website section. When I hover over the 'Apple' button, I want the Apple image to appear on the left. I’ve tried using variables, but the images flicker. I’m not sure how to set it up properly to make it work. Thanks!

(additional details: If by default no buttons is hovered, it will display “Fruit” image)

Don’t wanna make the entire section into a component variant, I have title and description too. Don’t think is best practice.

Related threads but not applicable to my case: