.block-views-container{
    background-color: white;
    margin: 0 0.5rem 0.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}
@media(min-width:62rem){
    .block-views-container{
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.block-views-container > h2{
    padding-inline: var(--padding-inline);
    max-width: var(--max-width);
    margin: 0 auto 1.5rem;
    text-align: center;
    font: var(--f-h2);  
}
@media(min-width:62rem){
    .block-views-container > h2{
        margin: 0 auto 2.25rem;
    }
}

.block-views{
    padding-inline: var(--padding-inline);
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media(min-width:48rem){
    .block-views{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.25rem;
    }
}