hotspot popup behavior – click from hover

Hi there

I would like hotspot on image to open in click and stay open. here is my page:
http://www.cropx.com/find-sales-rep/

I researched and found two solutions but they do not work for me:

https://kriesi.at/support/topic/image-hotspots-clickable-rather-than-on-hover/
https://kriesi.at/support/topic/tooltips-with-click/

also, I am using child theme so I want to make the modifications for JS in child theme.

can you help me with that? I put in functions.php this code:

add_action( 'wp_enqueue_scripts', 'child_add_scripts' );

 function child_add_scripts() {
    wp_register_script(
        'avia-modal',
        get_stylesheet_directory_uri() . '/avia-modal.js',
        false,
        '1.0',
        true
    );
    wp_enqueue_script( 'avia-modal' );

    wp_register_script(
        'avia',
        get_stylesheet_directory_uri() . '/avia.js',
        false,
        '1.0',
        true
    );
    wp_enqueue_script( 'avia' );
}

if you look in my source code, you will see changes I did to avia.js and avia-modal.

please advise

thanks