Нужно больше оболочек для card-list.
у больших card-list родитель должен быть display: flex и flex-direction: column, либо max-width и flex-wrap: wrap.
у маленьких card-list родитель должен быть display: flex и flex-wrap: wrap.

с одним родителем для обоих card-list вы не обойдетесь, только флексы.
или сверстать по grid.