:root {
    --card-container-gap: 4vh;
    
}

section>div {
    display: grid;
    gap: var(--card-container-gap);
}

@media screen and (min-width: 768px) {
    :root {
       
    }
}


@media screen and (min-width: 1024px) {
    :root {
        --card-container-gap: 8vh;
    }
}