.card{position:relative;width:90%;aspect-ratio:385/485;background:red;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}.card::before,.card::after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(315deg,#03a9f4,#ff0058)}.card::after{filter:blur(30px)}.card b{position:absolute;inset:6px;background:rgba(0,0,0,0.6);z-index:2}.card img{position:absolute;top:50%;left:50%;width:90%;height:90%;object-fit:contain;transform:translate(-50%,-50%) scale(0.9);transition:0.5s;z-index:3}.card:hover img{transform:translate(-50%,-65%) scale(0.6);opacity:0.9}.card .content{position:absolute;z-index:3;bottom:0;display:flex;flex-direction:column;align-items:center;transform:scale(0);transition:0.5s;width:90%}.card:hover .content{transform:scale(1);bottom:20px}.content .title{color:#fff;font-weight:500;font-size:clamp(0.9em,4vw,1.2em);text-align:center;text-transform:uppercase}.btn-custom{margin-top:10px;padding:8px 16px;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-size:0.9em}