Disable clickthrough on text block

Hello, I am trying to disable all click-ability on the "What We Sell" text block (https://www.tonihaberteam.com/#block-2ee313e4b5fec4f9f4b1) so that the images in the summary block underneath are clickable. I thought it would be as simple as disabling pointer-events but that doesn't seem to be working.

I currently have the following CSS trying to target the class and ID (neither have worked):

.fe-block-2ee313e4b5fec4f9f4b1, #block-2ee313e4b5fec4f9f4b1{
  pointer-events: none!important;
  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

Thanks in advance for your help!

Thanks @tuanphan, that solution didn't quite account for the styling I had in mind, but it did point me in the right direction. I disabled click through on .summary-carousel-pager while keeping it active for the .sqs-gallery-controls .previous/.next so that the image behind them stays clickable. Thank you for your help!