.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;grid-auto-rows:400px}.portfolio-item{position:relative;border-radius:20px;overflow:hidden;cursor:pointer}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .overlay{opacity:1;transform:translateY(0)}.portfolio-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}.portfolio-item h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:5px}.portfolio-item.item-1{grid-column:1/2;grid-row:1/3;height:100%}.portfolio-item .overlay{position:absolute;bottom:0;left:0;width:100%;padding:40px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:var(--color-white);opacity:0;transform:translateY(20px);transition:var(--transition)}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:300px}.portfolio-item.item-1{grid-column:auto;grid-row:auto}}