/* Container do slideshow */
.slideshow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Coloca o fundo atrás do conteúdo */
  }

  /* Imagens do slideshow */
  .slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem cubra todo o espaço */
    opacity: 0; /* Esconde todas as imagens inicialmente */
    transition: opacity 1s ease-in-out; /* Efeito de transição */
    filter: brightness(0.5); /* Escurece a imagem para 50% do brilho original */
  }

  /* Mostra a primeira imagem */
  .slideshow img.active {
    opacity: 1;
  }
.container-medy{

    z-index: 1; /* Coloca o conteúdo na frente do fundo */
   
}