Appearance of pics from the CMS by hovering over the radio buttons (Product page)

Design help Custom code
1

Hello everyone

The task is as follows: I need to add the ability to display pics from the CMS by hovering over the radio buttons, while maintaining the standard feature when pics change by clicking on the buttons. It’s all on the product page.

I tried the following code:

function handlerInFunc(){
    $(".PicClass").show();
}

function handlerOutFunc(){
    $(".PicClass").hide();
}

$(".RadioButtonClass").hover( handlerInFunc, handlerOutFunc );

It doesn’t work. Maybe it doesn’t fit, or maybe I’m using the wrong classes, I can’t figure it out.

I will be glad of any support!

Here is my site Read-Only: Webflow - BABP STORE