Wrap section contents into two rows on smaller screens

Site URL: https://www.purnamayurveda.com/home

Hello

I need some help with the home page section shown in the screenshot below.

I would like contents to shrink into two rows as the screen size reduces (tablets).

I knew how to do this in the classic editor using flex box but I have no idea how to do it on a fluid engine section. 

I will be grateful for your help.
Thank you 🙏🏽 

 Add this code into custom css and replace the class and id according to your site.

/* Adjust layout for tablet screens */
@media screen and (max-width: 980px) {
  #section-12345678 .sqs-block {
    width: 48%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
  }
}

25 minutes ago, Squareko said:

Add this code into custom css and replace the class and id according to your site.

This is not appropriate for fluid engine sections.

Thanks @Ziggy. I converted it to a list section. Thanks very much. 

1 hour ago, AkankshaK said:

Thanks very much. 

My pleasure!