.portfolio-grid{grid-template-columns:repeat(4,1fr);justify-content:space-between;align-items:center;gap:16px;display:grid}.portfolio-card{text-align:center;will-change:transform;height:100%;position:relative;overflow:hidden}.portfolio-card img{aspect-ratio:1;height:100%}.portfolio-content{pointer-events:none;opacity:0;width:calc(100% - 16px);height:calc(100% - 16px);transition:var(--transition);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(180deg)}.portfolio-content h2{font-size:18px}.portfolio-content p{font-size:14px}.portfolio-content h2,.portfolio-content p{transition:var(--transition);transform:translateY(100%)}.portfolio-card:hover .portfolio-content{opacity:1;transform:translate(-50%,-50%)rotateY(0)}.portfolio-card:hover .portfolio-content h2,.portfolio-card:hover .portfolio-content p{transform:translateY(0)}@media screen and (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:992px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.portfolio-grid{grid-template-columns:1fr}}