content {
    width: 90vw;
    display: grid;
    grid-template: repeat(4, auto) / repeat(12, 1fr);
    column-gap: 1vw;
    row-gap: 10vh;
    padding-bottom: 5vh;
}

#Titre {
    width: auto;
    height: auto;
    grid-row: 1;
    grid-column: 8 / span 4;
}

img {

    height:75vh;
    width: 45vw;
    grid-row: 1 /span 2;
    grid-column: 1 / span 6;

    object-fit: cover;
}

#links{
    display: flex;
    flex-direction: column;
    gap:1vw;
    grid-row: 2;
    grid-column: 8 / span 4;
}

#links > div{
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}

@media (min-width: 321px) and (max-width: 799px) {
    #Titre {
        width: auto;
        height: auto;
        grid-row: 1;
        grid-column: 1 / span 12;
    }
    #links{
        gap:4vh;
        grid-row: 2;
        grid-column: 1 / span 12;
    }
    img {

        height:auto;
        width: 90vw;
        grid-row: 3;
        grid-column: 1 / span 6;
    
        object-fit: cover;
    }
}