table.blocks, table.blocks2, table.blocks3, table.blocks4 {
    display: block;
    border: none !important;
    --space-between: 2em;
}

table.blocks img, table.blocks2 img, table.blocks3 img, table.blocks4 img {
    height: auto !important;
}

table.blocks > tbody > tr, table.blocks > tr,
table.blocks2 > tbody > tr, table.blocks2 > tr,
table.blocks3 > tbody > tr, table.blocks3 > tr,
table.blocks4 > tbody > tr, table.blocks4 > tr {
    -moz-display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

table.blocks.centered > tbody > tr, table.blocks.centered > tr,
table.blocks2.centered > tbody > tr, table.blocks2.centered > tr,
table.blocks3.centered > tbody > tr, table.blocks3.centered > tr,
table.blocks4.centered > tbody > tr, table.blocks4.centered > tr {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

table.blocks > tbody > tr > td, table.blocks > tr > td,
table.blocks2 > tbody > tr > td, table.blocks2 > tr > td,
table.blocks3 > tbody > tr > td, table.blocks3 > tr > td,
table.blocks4 > tbody > tr > td, table.blocks4 > tr > td {
    display: block;
    padding: 1em 0;
    border: none !important;
    box-sizing: border-box;
}

table.blocks.centered > tbody > tr > td, table.blocks.centered > tr > td,
table.blocks2.centered > tbody > tr > td, table.blocks2.centered > tr > td,
table.blocks3.centered > tbody > tr > td, table.blocks3.centered > tr > td,
table.blocks4.centered > tbody > tr > td, table.blocks4.centered > tr > td {
    padding-left: calc(var(--space-between) / 2);
    padding-right: calc(var(--space-between) / 2);
}

table.blocks > tbody > tr > td, table.blocks > tr > td,
table.blocks3 > tbody > tr > td, table.blocks3 > tr > td {
    width: calc(33.33% - var(--space-between) / 2);
}

table.blocks2 > tbody > tr > td, table.blocks2 > tr > td {
    width: calc(50% - var(--space-between) / 2);
}

table.blocks4 > tbody > tr > td, table.blocks4 > tr > td {
    width: calc(25% - var(--space-between) / 2);
}

table.blocks.centered > tbody > tr > td, table.blocks.centered > tr > td,
table.blocks3.centered > tbody > tr > td, table.blocks3.centered > tr > td {
    width: 33.33%;
}

table.blocks2.centered > tbody > tr > td, table.blocks2.centered > tr > td {
    width: 50%;
}

table.blocks4.centered > tbody > tr > td, table.blocks4.centered > tr > td {
    width: 25%;
}

@media screen and (max-width: 900px) {
    table.blocks > tbody > tr > td, table.blocks > tr > td,
    table.blocks2 > tbody > tr > td, table.blocks2 > tr > td,
    table.blocks3 > tbody > tr > td, table.blocks3 > tr > td,
    table.blocks4 > tbody > tr > td, table.blocks4 > tr > td {
        width: calc(50% - var(--space-between) / 2);
    }

    table.blocks.centered > tbody > tr > td, table.blocks.centered > tr > td,
    table.blocks2.centered > tbody > tr > td, table.blocks2.centered > tr > td,
    table.blocks3.centered > tbody > tr > td, table.blocks3.centered > tr > td,
    table.blocks4.centered > tbody > tr > td, table.blocks4.centered > tr > td {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    table.blocks > tbody > tr > td, table.blocks > tr > td,
    table.blocks2 > tbody > tr > td, table.blocks2 > tr > td,
    table.blocks3 > tbody > tr > td, table.blocks3 > tr > td,
    table.blocks4 > tbody > tr > td, table.blocks4 > tr > td {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}