diff --git a/src/pages/tarot/Tarot.css b/src/pages/tarot/Tarot.css
index 0d89cc2..d40dd57 100644
--- a/src/pages/tarot/Tarot.css
+++ b/src/pages/tarot/Tarot.css
@@ -22,15 +22,6 @@
   overflow: hidden;
 }
 
-.tarot__hero-video {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  z-index: 0;
-}
-
 .tarot__hero-poster {
   position: absolute;
   inset: 0;
@@ -40,16 +31,25 @@
   z-index: 0;
 }
 
+.tarot__hero-video {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 1;
+}
+
 .tarot__hero-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(15,4,40,.5), rgba(15,4,40,.85));
-  z-index: 1;
+  z-index: 2;
 }
 
 .tarot__hero-content {
   position: relative;
-  z-index: 2;
+  z-index: 3;
   padding: 60px 40px 80px;
   max-width: 1200px;
   margin: 0 auto;