.portfolio-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}
.portfolio-item{position:relative;overflow:hidden;}
.portfolio-item img{width:100%;transition:0.4s ease;}
.portfolio-item:hover img{transform:scale(1.1);}
.portfolio-overlay{
position:absolute;inset:0;
background:rgba(0,0,0,0.5);
display:flex;align-items:center;justify-content:center;
color:#fff;opacity:0;transition:0.4s;}
.portfolio-item:hover .portfolio-overlay{opacity:1;}