No Image Tooltip on hover

Hello

I’ve been trying several of these methods to hide captions that show when you hover over a hotspot (image) and thumbnails in a gallery, and none are working properly for me so appreciate help.

a) I want to keep tooltips that occur when i hover over a hotspot in an image which I use on several pages.

b) In a gallery on many pages (not masonry etc.) when I add a caption, that is shown as a box when I hover over a gallery thumbnail and also shown when the thumbnail opens in the lightbox as an overlay on its bottom. I want to keep the caption in the lightbox and remove the caption shown when I hover over the thumbnail. You can see this in my link below.

I tried the CSS below, but it removed all captions when I hovered and for a) and in b) above, including the lightbox.
.avia-gallery-thumb:hover .avia-tooltip {
opacity: 0;
display: none !important;
}

Then I removed that CSS and tried the code below in functions.php of child theme but did the opposite – it kept the caption display when I hovered over the thumbnail in the gallery or over a hotspot, but removed captions from the lightbox.
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a’).removeAttr(‘title’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘remove_title_attr’);

Please advise.
Thanks