How do I force 2 Column text for mobile?

Site URL: https://www.rogerroger.co/ibm-cloud-forum

Hi! I was wondering if someone could help me.
I have a section on my page that has 2 column text blocks like this: 

 

But when it goes into mobile, the number columns stack into a single column like this:



Is there anyway to force it to display 2 columns instead of 1? Thank you very much in advance!

Nigel

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1602676911638_78103+.row>.col {
    width: 50% !important;
    float: left !important;
}
}