.img-content{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:opacity .5s ease}.img{width:100px;height:100px}.front-img{align-items:center;text-align:center;margin:15px auto 0}.card{position:relative}.card .front{opacity:0;visibility:hidden;position:absolute;transition:opacity .5s ease,visibility 0s .5s}.flipped .front{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s}.grid-img{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:100px}@media (max-width:640px){.grid-img{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:100px}.img{width:80px;height:100px}.front-img{width:50px;margin-left:15px;z-index:1}}@media (max-width:768px){.grid-img{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:100px}.img{width:80px;height:100px}.front-img{width:50px;margin-left:15px;z-index:1}}