Trigger image effect via text link

You try this code to Website Tools > Code Injection > Footer. This code for Bucher item. If it works, I will send guide for other items

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('div#block-ceabdb2d8ce3de1de417 h2').hover(function(){
      $('div#block-d027dacb8435a2999640').addClass('hover-img');
  }, function(){
      $('div#block-d027dacb8435a2999640').removeClass('hover-img');
  });
})
</script>
<style>
  .hover-img {
    filter: grayscale(0);
   transition: .5s ease-in-out;
}
</style>