768px以下でカラムを２列表示

<style type="text/css">
/*<![CDATA[*/

@media (max-width: 768px) {
.cseparate {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.cseparate .cc-m-hgrid-column {
    min-width:50%;
}

}
/*]]>*/
</style>

カラムの前に下記を追加

<div class="custom-hook" data-class-name="cseparate" data-target-position="next">
</div>

ちょっとした違い

カラム内の＜＋＞で画像を追加した場合

コンテンツエリアに追加した画像をカラムに移動した場合

おまけ：３列表示

<style type="text/css">
/*<![CDATA[*/

@media (max-width: 768px) {
.cseparate33 {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.cseparate33 .cc-m-hgrid-column {
    min-width:33%;
}

}
/*]]>*/
</style>

カラムの前に下記を追加

<div class="custom-hook" data-class-name="cseparate33" data-target-position="next">
</div>

単純に３列にするならここを

.cseparate .cc-m-hgrid-column {

min-width:33%;

２列と３列を混在させる場合は、.cseparate33 など別のクラスを作って追記