.container__troca-imagem {
    display: flex;
    flex-direction: center;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

#slider, #slider2 {
    position: relative;

    /* border-radius: 30px; */
    overflow: hidden;
}

#slider img, #slider2 img{
    opacity: 0;

    position: absolute;

    width: 100%;
    height: 100%;

    /* object-fit: cover;
    overflow: hidden; */
}

#slider img.selected, #slider2 img.selected { 
    opacity: 1;
}

#slider {
    /* width: 400px; */
    max-width: 400px;
    width: 70%;
    height: 70vh;
    max-height: 500px;
}

#slider2 {
    width: 550px;
    height: 450px;
}


/* mobile */


@media screen and (max-width: 768px) {
    #slider {
        width: 300px;
        height: 60vh;
        max-height: 400px;
    }
    
    #slider2 {
        width: 350px;
        height: 300px;
    }
}

@media screen and (max-width: 425px) {
    #slider {
        width: 70%;
        height: 60vh;
        max-height: 350px;
    }
    
    #slider2 {
        width: 70%;
        height: 240px;
    }
}

@media screen and (max-width: 375px) {
    #slider2 {
        width: 70%;
        height: 220px;
    }
}

@media screen and (max-width: 360px) {
    
    #slider {
        /* width: 250px; */
        height: 270px;
    }

    #slider2 {
        /* width: 270px; */
        height: 190px;
    }
}