diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 75a252f..68f3641 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -226,23 +226,15 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
)}
- {/* Cinematic title overlay */}
-
+ {/* Title overlay at bottom */}
+
onClick?.(video)}
data-testid={`text-title-${video.id}`}
>
{video.title}
-
- {/* Subtle accent line */}
-
diff --git a/client/src/index.css b/client/src/index.css
index b6b484e..cd021d7 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -387,21 +387,11 @@ input[data-testid*="search"]::placeholder {
opacity: 0;
}
-/* Maximum possible z-index for video card hover with cinematic effects */
+/* Maximum possible z-index for video card hover */
.video-card:hover {
z-index: 2147483647 !important;
}
-/* Cinematic text animations */
-@keyframes titleGlow {
- 0%, 100% { text-shadow: 2px 2px 8px rgba(0,0,0,0.9), 0 0 20px rgba(0,0,0,0.5); }
- 50% { text-shadow: 2px 2px 12px rgba(0,0,0,0.9), 0 0 25px rgba(255,215,0,0.3), 0 0 35px rgba(255,165,0,0.2); }
-}
-
-.video-card:hover h3 {
- animation: titleGlow 2s ease-in-out infinite;
-}
-
/* Hide picture-in-picture button on all video elements */
video::-webkit-media-controls-picture-in-picture-button {
display: none !important;