/* Container centralizado e responsivo para a seção de vídeos */
  .video-section {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 50px auto; /* Espaçamento para facilitar a visualização */
    overflow: hidden;
    border: 1px solid #ccc;
  }
  /* Cada vídeo ocupa 100% da largura; por padrão, ficam ocultos */
  .video-section video {
    width: 100%;
    height:30%;
    display: none;
    border: solid 10px #ccc;
    
  }
  /* Apenas o vídeo ativo é exibido */
  .video-section video.active {
    display: block;
  }