diff --git a/web/shuffle/example.css b/web/shuffle/example.css
index cad4f8b..de5361c 100644
--- a/web/shuffle/example.css
+++ b/web/shuffle/example.css
@@ -205,7 +205,7 @@ body {
   content: "K";
 }
 .card.spades.rank1 .face {
-  background-image: url("faces/0_1.svg");
+  background-image: url("faces/c1.png");
 }
 .card.spades.rank2 .face {
   background-image: url("faces/c1.png");
@@ -214,7 +214,7 @@ body {
   background-image: url("faces/c2.png");
 }
 .card.spades.rank4 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c4.png");
 }
 .card.spades.rank5 .face {
   background-image: url("faces/c4.png");
@@ -229,59 +229,61 @@ body {
   background-image: url("faces/c1.png");
 }
 .card.spades.rank9 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c1.png");
 }
 .card.spades.rank10 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c4.png");
 }
 .card.spades.rank11 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c4.png");
 }
 .card.spades.rank12 .face {
-  background-image: url("faces/0_12.svg");
+  background-image: url("faces/c1.png");
 }
 .card.spades.rank13 .face {
-  background-image: url("faces/0_13.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank1 .face {
-  background-image: url("faces/1_1.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank2 .face {
-  background-image: url("faces/1_2.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank3 .face {
-  background-image: url("faces/1_3.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank4 .face {
-  background-image: url("faces/1_4.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank5 .face {
-  background-image: url("faces/1_5.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank6 .face {
-  background-image: url("faces/1_6.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank7 .face {
-  background-image: url("faces/1_7.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank8 .face {
-  background-image: url("faces/1_8.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank9 .face {
-  background-image: url("faces/1_9.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank10 .face {
-  background-image: url("faces/1_10.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank11 .face {
-  background-image: url("faces/1_11.svg");
+  background-image: url("faces/c3.png");
 }
 .card.hearts.rank12 .face {
-  background-image: url("faces/1_12.svg");
+  background-image: url("faces/1_c3.png");
 }
 .card.hearts.rank13 .face {
-  background-image: url("faces/1_13.svg");
+  background-image: url("faces/1_c3.png");
 }
+
+<--
 .card.clubs.rank1 .face {
   background-image: url("faces/2_1.svg");
 }
@@ -360,6 +362,9 @@ body {
 .card.diamonds.rank13 .face {
   background-image: url("faces/3_13.svg");
 }
+
+-->
+
 .card.joker.rank1 .face {
   background-image: url("faces/4_1.svg");
 }