two columns mobile

Site URL: https://cheetah-krill-7gh3.squarespace.com/config/

Hi! I fear I have made this more difficult. But I am wanting to create two columns for mobile for this section (image attached)

Is there an easy code solution?? 

site wide password: donuts

Add to Design > Custom CSS

/* 2 columns mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1630108763473_25674+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1630108763473_25674+.row .span-3:nth-child(2n+1) {
    clear: left !important;
}
}