.portfolio-page{margin-top:50px}.portfolio-page__title{margin-bottom:30px}.portfolio__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-gap:20px;gap:20px}@media screen and (max-width:900px){.portfolio__grid{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:600px){.portfolio__grid{grid-template-columns:1fr 1fr}}.portfolio__photo{border-radius:var(--border-radius);position:relative;cursor:pointer;overflow:hidden;aspect-ratio:1/1;transition:.5s}.portfolio__photo .bg-overlay{opacity:0;transition:.3s;display:flex;justify-content:center;align-items:center}.portfolio__photo img{width:100%;height:100%;object-fit:cover}.portfolio__photo:hover{transform:scale(1.02)}.portfolio__photo:hover .bg-overlay{opacity:1}