#cit{ max-height: 400px; } #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; } .relative{ position: relative; margin-top: 120px; } .iconos-summer-container{ display: flex; flex-direction: row; gap: 64px; background: #DE212D; padding: 64px; justify-content: center; margin-bottom: -80px; color: #fff; } .iconos-summer { display: flex; flex-direction: column; align-items: center; } @media (max-width: 768px) { .iconos-summer-container, #campamentos, #cit, #preuni, #anio-escolar{ margin: 0 -16px; } #video-text{ display: none; } .relative { margin-top: 0px; } }