.outputs__slideshowContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5vw;
}

.outputs__imageSlides {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 1s ease-in-out;
    object-fit: contain;
    width: 70%;
    height: 4.5vw;
}

/* Cuando la imagen es visible */
.outputs__imageSlides.visible {
    opacity: 1;
    transform: scale(1);
    /* Animación para expandir la imagen */
    transition: opacity 0.3s ease-in-out, transform 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    /* Efecto elástico */
}

.outputs__imageSlides:not(.visible) {
    /* transform: scale(0.5); */
    /* Al desaparecer, la imagen se reduce de tamaño */
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.8s ease-in-out;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
    .outputs__slideshowContainer {
        padding: 12vw 0;
        height: 50vh;
    }

    .outputs__imageSlides {
        width: 100%;
    }
}