.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px; /* O el ancho que prefieras */
  margin: 0 auto;
  overflow: hidden;
}

.background-video {
  width: 100%;
  display: block;
}

.overlay-content {
  position: absolute;
  /* Estos valores los ajustas según dónde termine el texto en tu video */
  top: 76%; 
  left: 24%; /* Alineado bajo el bloque de texto de la izquierda */
  transform: translateX(-50%);
  width: auto;
  display: flex;
  justify-content: center;
}

.social-icons {
  display: flex;
  gap: 15px;
}

.social-icons img {
  width: 35px; /* Se verá bien en desktop */
  height: auto;
}

/* Ajuste para celulares (Pantallas pequeñas) */
@media (max-width: 768px) {
  .overlay-content {
    top: 70%; /* Sube o baja un poco según se vea en el móvil */
    left: 50%; /* En móvil quizás prefieras centrarlo totalmente */
  }
  
  .social-icons img {
    width: 25px; /* Iconos un poco más pequeños en móvil */
  }
}