#diapo {
    width: 100%;
    height: 60vh;
    margin: auto;
    margin-bottom: 20px;
}

#diapo img {
    width: auto;
    height: 100%;
    margin: auto;
    display: block;
}

#list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.btndiapo {
    
    width: 100px;
    height: 100px;
}

.btndiapo img {
    width: 90px;
    height: 90px;
}

@media not all and (min-width: 640px){
    #main {
        margin: auto;
    }

    #diapo {
        /* max-width: 95vw; */
        max-width: max-content;
        max-height: 300px;
    }

    #diapo img {
        width: 100%;
        height: auto;
        max-height: 100%;
        max-width: max-content;
    }

    #list {
        margin: auto;
    }
}