Apply a custom ID Attribute to the section

Would like to use two different Masonry portfolio styles. The base Quick css change I made is great for the main page, but putting a small version of the portfolio at the footer of the page really requires values suited to that. I think the custom id should allow me to target the effect to a specific instance of a portfolio but unsure how the syntax works and my experimentation has not yielded success.

This is the effect I want to retain on the primary Portfolio instance. What I want to know is how to use this with alteration on a second instance of the portfolio on a page. The ID might be the ticket, but unclear. Thanks,

.av-masonry-entry:before {
content: attr(title);
background: #db5d1e;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
line-height: 450px;
opacity: 0;
font-weight: bold;
font-size: 26px;
}
.av-masonry-entry:hover:before {
opacity: .85;
}
.av-masonry-entry:before{
transition: all linear 0.2s;
}