diff --git a/assets/bachata.png b/assets/bachata.png
new file mode 100644
index 0000000..7e716b5
Binary files /dev/null and b/assets/bachata.png differ
diff --git a/assets/kizomba.png b/assets/kizomba.png
new file mode 100644
index 0000000..f4fdca2
Binary files /dev/null and b/assets/kizomba.png differ
diff --git a/assets/salsa.png b/assets/salsa.png
new file mode 100644
index 0000000..26cc57f
Binary files /dev/null and b/assets/salsa.png differ
diff --git a/css/style.css b/css/style.css
index 033e119..b035996 100644
--- a/css/style.css
+++ b/css/style.css
@@ -396,9 +396,12 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
 .sfB-stack-card .ph {
   position: absolute;
   inset: 0;
-  background-image: repeating-linear-gradient(
-    45deg, rgba(255,255,255,0.05) 0 12px, transparent 12px 24px);
+  background-size: cover;
+  background-position: center;
 }
+.sfB-stack-card.c1 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/salsa.png'); }
+.sfB-stack-card.c2 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/kizomba.png'); }
+.sfB-stack-card.c3 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/bachata.png'); }
 .sfB-stack-card .tag {
   position: absolute;
   top: 14px; left: 14px;