.slideshow {
    position: relative;
    width: 100%;
    max-width: 600px; /* Ajusta el ancho máximo según necesites */
    margin: 20px auto; /* Centra el slideshow */
    overflow: hidden; /* Oculta las imágenes no activas */
}

.slide {
    display: none; /* Oculta todas las imágenes por defecto */
    width: 100%;
    height: auto; /* Mantiene la proporción */
    border-radius: 8px; /* Opcional: redondea las esquinas */
}

.slide.active {
    display: block; /* Muestra solo la imagen activa */
}