Parallax Layers

Card layers move at different speeds.

.pcard { position:relative; width:220px; height:140px; background:#1c1c1f; border-radius:12px; overflow:hidden; cursor:pointer; }
.pcard .layer { position:absolute; inset:0; transition:transform 0.3s; display:flex; align-items:center; justify-content:center; }
.pcard:hover .bg { transform:scale(1.1); }
.pcard:hover .fg { transform:translateY(-4px); }