.grid-wrap{line-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-template-rows:auto 1fr auto;grid-gap:0px;background-color:rgba(76,77,79,.6);min-height:220px}.grid-wrap .item{overflow:hidden;display:none;transform:scale(.2,.2)}@keyframes enter{0{transform:scale(.2,.2)}100%{transform:scale(1,1)}}.grid-wrap .item .tools{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:rgba(76,77,79,.8);-webkit-box-shadow:inset 0 0 48px 0 rgba(0,0,0,.5);-ms-box-shadow:inset 0 0 48px 0 rgba(0,0,0,.5);-o-box-shadow:inset 0 0 48px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 48px 0 rgba(0,0,0,.5);visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s}.grid-wrap .item .tools a{color:#fff;opacity:.7;display:block;padding:18px 32px;font-size:24px;text-decoration:none;-webkit-transition:.3s;transition:.3s}.grid-wrap img{height:220px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.grid-wrap .item:hover .tools{visibility:visible;opacity:1}.grid-wrap .item:hover .tools a{padding:18px 16px}.grid-wrap .show{display:block;animation:.3s forwards enter}