@media screen and (min-width: 1024px) {
    .processes {
        --grid-column-count: 6;
        --grid-padding: 10%;
    }
}
@media screen and (max-width: 1023px) {
    .processes {
        --grid-column-count: 4;
        --grid-padding: 6%;
    }
}
@media screen and (max-width: 425px) {
    .processes {
        --grid-column-count: 2;
        --grid-padding: 0%;
    }
}
.processes {
    display: grid;
    grid-template-columns: var(--grid-padding) repeat(var(--grid-column-count), 1fr) var(--grid-padding);
    gap: 20px 25px;
    margin: 1em;
}
.processes > * {
    width: 100%;
    height: 100%;
    grid-column: var(--grid-column, 2) / span 2;
    border-radius: 25px;
    border-width: 5px;
    padding: 1em;
}