.portfolio-card{background-color:var(--white);transition:transform .6s;transform-style:preserve-3d;position:relative;width:316px;height:316px;border-radius:5px;overflow:hidden}@media(hover:hover)and (min-width:768px){.portfolio-card:not(.flipped):hover{transform:rotateY(20deg)}}#card-grid{width:100%}@media screen and (max-width:360px){#card-grid{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;row-gap:20px}}@media screen and (min-width:360px){#card-grid{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,316px);gap:20px}}@media(min-width:1200px){#card-grid{justify-content:start}}