.portfoliosection .portfoliocontainer{grid-gap:10px;grid-template-columns:auto;gap:10px;display:grid}.portfoliocontainer>*{grid-area:1/1/2/2}.portfoliocontainer .overlay{opacity:0;z-index:2;background-color:#0006;width:100%;height:100%;transition:opacity .3s ease-in-out;display:grid;position:relative}.portfoliocontainer .overlay h2{text-align:center;letter-spacing:4px;text-transform:uppercase;color:#e8e8e8;place-self:end center;margin-bottom:20px;font-size:1.625rem;font-style:normal;font-weight:100;line-height:166%}.portfoliocontainer:hover .overlay{opacity:1}.portfoliosection .imgcontainer img{object-fit:cover;aspect-ratio:7/10}.imagegrid3.portfoliosection{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:53em){.imagegrid3.portfoliosection{grid-template-columns:1fr 1fr;padding:30px}}@media only screen and (max-width:37.5em){.portfoliocontainer .overlay h2{font-size:.625rem}.imagegrid3.portfoliosection{padding:10px}}