Index slideshows pause code - but disables links

Hi everyone - long time Squarespace user but am in the early days of using custom code.  Adding a Gallery Page to an Index Page and setting the layout to 'slideshow' is a great way to get a full width gallery - but the slideshow automatically pauses on mouse hover. I found some code to override this pause so no matter what, autoplay continues. It's great but (and seemingly obviously) links in the gallery no longer work whether they be text or image based. This, again obviously, is to do with the 'pointer-events: none' in the code but as I'm new to this I'm not sure what can be done to ensure links still work but the pausing is still overriden. 

Code I'm using (found at https://sf.digital/squarespace-solutions/how-can-i-prevent-the-index-slideshow-pausing-on-mouseover) is as below:

.tweak-index-gallery-layout-slideshow .Index-gallery-wrapper {
 pointer-events: none!important;
}
.tweak-index-gallery-layout-slideshow .Index-gallery-wrapper .Index-gallery-control {
  pointer-events: auto; 
  }

Thanks for any help!

Can you share link to page where you have problem?