How Do I Remove the Portfolio Page Hover Transition?

Site URL: https://semmelmann-interiors.squarespace.com/interior-portfolio

Password: susan

I'm trying to remove the hover transition on this page, and I'm stumped. I want the overlay and text to stay there when the user hovers over an item.

CSS that I've tried (didn't work):

.portfolio-grid-overlay .grid-item .portfolio-title {
  transition: none !important;
}

54 minutes ago, TheSquareSpacer said:

Please go to design>custom CSS and paste the following code
.portfolio-text {
    opacity: 1 !important;
}
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks

You are fantastic! That fixed it right away, thank you so much!