diff --git a/web/shuffle/deck.js b/web/shuffle/deck.js
index 191ea37..8bcec71 100644
--- a/web/shuffle/deck.js
+++ b/web/shuffle/deck.js
@@ -151,15 +151,15 @@ var Deck = (function () {
     return document.createElement(type);
   }
 
-  var maxZ = 100;
+  var maxZ = 30;
 
   function _card(i) {
     var transform = prefix('transform');
 
     // calculate rank/suit, etc..
     var rank = i % 13 + 1;
-    var suit = i / 50 | 0;
-    var z = (100 - i) / 2;
+    var suit = i / 13 | 0;
+    var z = (30 - i) / 2;
 
     // create elements
     var $el = createElement('div');
diff --git a/web/shuffle/example.css b/web/shuffle/example.css
index 54a29f9..08be841 100644
--- a/web/shuffle/example.css
+++ b/web/shuffle/example.css
@@ -243,6 +243,8 @@ body {
 .card.spades.rank13 .face {
   background-image: url("faces/c3.png");
 }
+
+
 .card.hearts.rank1 .face {
   background-image: url("faces/c3.png");
 }
@@ -277,10 +279,10 @@ body {
   background-image: url("faces/c3.png");
 }
 .card.hearts.rank12 .face {
-  background-image: url("faces/1_c3.png");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank13 .face {
-  background-image: url("faces/1_c3.png");
+  background-image: url("faces/c3.png");
 }