diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/deckBuild.html b/gemp-lotr/gemp-lotr-web/src/main/webapp/deckBuild.html
index 073aa7d4c..8190a9962 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/deckBuild.html
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/deckBuild.html
@@ -16,7 +16,7 @@
         }
 
         .foilOverlay {
-            opacity: 0.2;
+            opacity: 0.3;
         }
 
         .selectableCard > .borderOverlay {
diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html b/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
index 7461a3906..111598b6c 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
@@ -79,7 +79,7 @@ body {
 }
 
 .foilOverlay {
-    opacity: 0.2;
+    opacity: 0.3;
 }
 
 .cardHint {
diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/images/foil.gif b/gemp-lotr/gemp-lotr-web/src/main/webapp/images/foil.gif
new file mode 100644
index 000000000..f01534757
Binary files /dev/null and b/gemp-lotr/gemp-lotr-web/src/main/webapp/images/foil.gif differ
diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCards.js b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCards.js
index d0068762d..ee9035701 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCards.js
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCards.js
@@ -138,7 +138,7 @@ var Card = Class.extend({
 function createCardDiv(image, text, foil, tokens) {
     var cardDiv = $("<div class='card'><img src='" + image + "' width='100%' height='100%'>" + ((text != null) ? text : "") + "</div>");
     if (foil) {
-        var foilDiv = $("<div class='foilOverlay'><img src='/gemp-lotr/images/holo.jpg' width='100%' height='100%'></div>");
+        var foilDiv = $("<div class='foilOverlay'><img src='/gemp-lotr/images/foil.gif' width='100%' height='100%'></div>");
         cardDiv.append(foilDiv);
     }