@media(max-width: 768px){
    .container{
        margin: 2rem;
        grid-template-areas: 
        "depoimento-1"
        "depoimento-2"
        "depoimento-3"
        "depoimento-4"
        "depoimento-5";
    }
}

@media(min-width: 800px){
    .container{
        margin: 2rem;
        grid-template-areas: 
    "depoimento-1 depoimento-1 depoimento-2 depoimento-2"
    "depoimento-1 depoimento-1 depoimento-2 depoimento-2"
    "depoimento-3 depoimento-3 depoimento-4 depoimento-4 "
    "depoimento-5 depoimento-5 depoimento-5 depoimento-5";
    }
}

@media(min-width: 990px){
    html{
        margin: 100px auto;
    }
    .container{
        grid-template-areas: 
    "depoimento-1 depoimento-1 depoimento-2 depoimento-5"
    "depoimento-1 depoimento-1 depoimento-2 depoimento-5"
    "depoimento-3 depoimento-4 depoimento-4 depoimento-5";
    }
}