/* carousel.css */

.gif-carousel-container {
    position: relative;
    width: 100%;
    max-width: 600px; /* Ajuste conforme o tamanho máximo dos seus GIFs */
    margin: 20px auto; /* Centraliza o carrossel */
    overflow: hidden; /* Garante que apenas o slide ativo seja visível */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.gif-slide {
    display: none; /* Esconde todos os slides por padrão */
    width: 100%;
    text-align: center; /* Centraliza o GIF dentro do slide */
}

.gif-slide.active {
    display: block; /* Mostra apenas o slide ativo */
}

.gif-slide img {
    max-width: 100%;
    height: auto;
    display: block; /* Remove espaços extras abaixo da imagem */
    margin: 0 auto; /* Centraliza a imagem */
}