Fix: Add robust flex spacer for carousel padding, remove optimizeCss which broke LCP, and fix video opacity overlay

2026-06-23 00:27:20 +02:00
parent da9d1954d6
commit 2a4c605a77
3 changed files with 6 additions and 5 deletions
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -98,7 +98,7 @@ export function HeroVideo(props: HeroVideoProps) {
      {videoUrl && (
        <video
          key={`${pathname}-${videoUrl}`}
-          className="absolute inset-0 w-full h-full object-cover z-[2] pointer-events-none filter contrast-125 saturate-110 brightness-90"
+          className={`absolute inset-0 w-full h-full object-cover z-[2] pointer-events-none filter contrast-125 saturate-110 brightness-90 transition-opacity duration-1000 ${videoSrcLoaded ? 'opacity-100' : 'opacity-0'}`}
          src={videoSrcLoaded ? videoUrl : undefined}
          autoPlay
          muted