I need simple css code to disable the links on image titles in a summary block

Site URL: https://www.blueridgeresearch.com/expertise-2#noise-models

I need a simple css code to disable the links on the image titles in all summary blocks.

https://www.blueridgeresearch.com/expertise-2#noise-models

The images open in lightbox, which works fine. I just want the titles under the images to be plain titles with no links. I have tried many code snippets found online but can't make any work. Can someone please help? Thanks very much.

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_36_1456072963688_42704 .summary-title a {
    pointer-events: none;
}

Thank you very much for that quick answer, Tuanphan. I appreciate it. Just what I was looking for, but it did not work for me. I pasted the css directly into my Custom CSS under Design. Here is a screen shot of your code in my Custom CSS. What am I doing wrong? Sorry to ask for more help. 

Try this in custom css 

/* disable lightbox on summary block titles */
#collection-56bfd5f51d07c02e00abc6e0 .summary-title-link {
pointer-events: none !important;
}

Thank you Derrick. It appears that your solution AND Tuanphan's solution both worked. I just had to put the code snip higher up in my Custom CSS box. Not sure why but they both worked after I moved the code snip up. The image titles are no longer links. Thank you very much. Is there a way to remove the underline on the title? I can probably do this with html on the title itself but will have to repeat many times. I'm hoping its just a bit of code to add to the solution you already gave me. Thank you again!

Update: I figured out how to remove the underline from the image titles using:

a:link {
  text-decoration: none;
}

I'm learning!! Thank you all.

<style>
      /* disable lightbox on summary block images & titles*/
     .summary-thumbnail-container, .summary-title-link {pointer-events: none !important;}
     </style>