body{background:black}.card{border-radius:20px;display:inline-block;position:relative;width:16rem;height:16rem;background-color:#000;overflow:hidden}.card_image{opacity:.5;height:100%;width:100%;object-fit:cover;scale:1.15;transition:opacity .25s,scale .35s;z-index:0}.card:hover .card_image{opacity:1;scale:1}.card_body{position:absolute;inset:0;padding:30px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:15px;justify-content:center;z-index:10}.card:hover .card_body{z-index:-10}.card_body:before{content:"";position:absolute;inset:20px;border:2px solid #fff;opacity:1;scale:1;transition:opacity .25s,scale .25s}.card:hover .card_body:before{opacity:0;scale:1.25}.card_title{letter-spacing:1px;text-transform:uppercase;text-shadow:1px 1px 10px rgba(0,0,0,.5)}.card_description,.card_title{opacity:1;translate:0;transition:opacity .25s,translate .25s}.card_description{font-size:14px}.card:hover .card_description{opacity:0;translate:-25px}.card:hover .card_title{opacity:0;translate:25px}.grid-container{padding-top:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}