@media(orientation:landscape){
    #accueil{
        width: 30%;
        height: fit-content;
        /* position: fixed; */
        top: 50vh;
        left: 50vw;
        transform: translateY(-10%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #img-1{
        width: 40%;
    }
    
    
    #img-2{
        width: 100%;
    }
    
    #wraper:first-of-type{
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}


@media(orientation:portrait){
    #accueil{
        width: 60%;
        height: fit-content;
        /* position: fixed; */
        top: 50vh;
        left: 50vw;
        transform: translateY(-30%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #img-1{
        width: 40%;
    }
    
    
    #img-2{
        width: 100%;
    }
    
    #wraper:first-of-type{
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}