/* video.css - Final Fixed Version */ .video-wrapper { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; line-height: 0; display: block; /* Crucial fix */ } .video-wrapper video { width: 100%; height: 100%; display: block; object-fit: cover; } /* Mobile-specific fixes */ @media (max-width: 767px) { .video-wrapper { aspect-ratio: 16/9; /* Keep consistent ratio */ max-height: 60vh; /* Prevent excessive height */ } /* Fix for Bootstrap if used */ .video-wrapper + section { margin-top: 0 !important; padding-top: 0 !important; } }