Help with Hover State on Project Title

Site URL: https://rabbit-goby-hknk.squarespace.com/

SITE: https://rabbit-goby-hknk.squarespace.com/

I would like to keep opacity 100% on text when hover over the project title links on this page. But would like the other links to fall back 20% opacity.  What would be the CSS code needed?

Thank you

Add to Design > Custom CSS

/* Portfolio hover items */
.portfolio-hover-items-list:hover span.portfolio-hover-item-content {
    color: rgba(255,255,255,.3);
}

.portfolio-hover-items-list:hover span.portfolio-hover-item-content:hover {
    color: #fff;
}