.grid{display:grid;gap:20px;grid-template-columns:repeat(1,minmax(0,1fr));@media screen and (min-width:700px){grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:992px){grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-item.hide{animation:zoom .7s ease-out 1 forwards}.grid-item.hidden.reveal{animation:zoom .7s ease-out 1 reverse forwards}.grid-item.hidden{margin:0;min-width:0;opacity:0;padding:0;transform:scale(0);width:0}.grid-item.offPage{display:none}@keyframes zoom{0%{min-width:250px;opacity:1;transform:scale(1);transform-origin:125px 125px;width:250px}50%{opacity:0;transform:scale(0)}to{margin:0;min-width:0;opacity:0;padding:0;transform:scale(0);width:0}}