#cit{ max-height: 400px; } .bloque.texto { padding: 0 48px 68px; margin: 64px 0; border-bottom: 1px solid var(--color_borde); } .bloque-container{ display: flex; flex-direction: row; gap: 64px; align-items: stretch; } .bloque-container h3{ margin: 0; font-size: xx-large; } .bloque-container > div{ width: 50%; } .bloque-container > div > div{ height: 100% !important; } .bloque-container.rev{ flex-direction: row-reverse; } #video-container { position: relative; width: 100%; height: 40vh; overflow: hidden; margin-top: -24px; } #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 */ } #video-text{ position: absolute; left: 20px; bottom: 33%; background: rgba(255, 255, 255, 0.7); padding: 0px 16px; }