.cards{perspective:500px}.card{aspect-ratio:3/2;width:300px;height:auto;transform-style:preserve-3d;will-change:transform;background:#16161d;border:2px solid #555;border-radius:6px;transition:transform .5s;position:relative;overflow:hidden}.card:hover{transform:translateZ(10px)rotateX(20deg)rotateY(20deg)}.card_image{filter:brightness(.85);background-color:#0b0f1a;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.card_overlay{background:linear-gradient(#0000001a,#000000bf);position:absolute;inset:0}.card_title{color:#fff;text-align:right;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;max-width:150px;font:700 1.2rem monospace;transition:transform .5s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.card:hover .card_title{transform:translateY(-50%)translateZ(50px)}