h1{ margin-top: 80px; } h2{ font-size: xx-large; } h3{ font-size: x-large; } #logoSEKMO{ display: flex; flex-direction: row; gap:16px; align-items: center; justify-content: center; } #formacion .min-w300px{ background: #039ab2; color: #fff; padding: 16px; display: flex; flex-direction: column; justify-content: flex-start; } #formacion .min-w300px h2{ margin: 0; padding: 0; color: #013064; font-size: 64px; } #video-container{ position: relative; width: 100%; height: 30vh; overflow: hidden; } #video-background { position: relative; width: 100%; height: 100vh; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Ajusta la altura según tus necesidades */ } #video-foreground { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); pointer-events: none; /* Para que el vídeo no interfiera con otros elementos */ } #video-foreground iframe { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; /* Asegura que el vídeo cubra todo el contenedor */ }