Make one portfolio item unclickable, but maintain hover

Hello,

I'd like to make the fourth item in this portfolio grid unclickable. I've tried a few pieces of code that disable the link, but also disable hover. I'd like to have hover remain, but not click the project until the case study is ready.

https://atelieroleana.com/portfolio-2

Which item are you referring to?

The fourth item in the Portfolio, on the bottom right. It currently is labelled "Name of Project - Coming Soon" on hover.

@KatJarv This needs JavaScript to disable it, we cant achieve that via CSS otherwise the rollover effect done.

put below code into Footer Code Injeciton.

<script>
   const disableLink = document.querySelector('#gridThumbs.portfolio-grid-overlay .grid-item:nth-child(4)');
    disableLink.addEventListener('click', function(event) {
        event.preventDefault();
    });
</script>