eo-style-updates.css

.container {
    padding: 2%;
    min-height: 400px;
    text-align: left;
    position: relative;
    vertical-align: top;

    /* add these below to get the cards top-aligned */
    display: flex;
    flex-wrap: wrap;
}
.container .mix {
    width: 20%;

    /* remove the height attribute so the cards will auto adjust their own height */
    /* height: 500px; */

    /* add this to make only 4 cards per row */
    flex: 1 0 21%;

    background: white;
    display: none;
    FONT-VARIANT: JIS04;
}

/* add this to add spaces between cards. TODO: better align last row of three */
.card-body {
  margin-right: 30px;
}