diff --git a/attached_assets/image_1756490646609.png b/attached_assets/image_1756490646609.png new file mode 100644 index 0000000..1a414f3 Binary files /dev/null and b/attached_assets/image_1756490646609.png differ diff --git a/client/src/index.css b/client/src/index.css index c2a0339..7fb63e5 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -387,27 +387,11 @@ input[data-testid*="search"]::placeholder { opacity: 0; } -/* Force hover video above everything - escape parent overflow */ +/* Simple hover video effect - just higher z-index */ .individual-video-hover:hover { z-index: 9999 !important; - position: relative !important; - transform: scale(1.05) translateZ(0) !important; + transform: scale(1.05) !important; transition: all 0.3s ease !important; - pointer-events: auto !important; - will-change: transform !important; -} - -/* Force all carousel containers to allow z-index stacking */ -.individual-video-hover:hover, -.individual-video-hover:hover * { - position: relative !important; - z-index: inherit !important; -} - -/* Ensure parent carousel doesn't clip hovering videos */ -div:has(.individual-video-hover:hover) { - overflow: visible !important; - position: relative !important; } /* Hide picture-in-picture button on all video elements */