Force 3 image blocks to stay in horizontal row in footer on mobile

Site URL: https://www.map-ebt.org/home

Have 3 logos (as image blocks) laid out horizontally in my footer when viewing on desktop.  I would like to force these logos to stay in a horizontal row in my footer when in mobile.

Hi. It looks like you solved this?

Yes, weird work around, but it is responsive. This is for 3 logos on the footer section.  It can be more or less but 4 or 5 logos can look a bit cramped on mobile...

1. Make a blog with three entries (nothing needs to be added to the individual blog posts except a thumbnail image.)
2. Use logos as the thumbnail images and link to their external websites so logos are clickable links too if you wish. Add  "target="_blank directly after your url to open in a new window.
3. Then create a summary block in the footer. Link to your blog you created.
4. Add to Custom CSS:

//Footer 3 column layout
#footer-sections .sqs-block-summary-v2 {
  height:auto!important;
  columns: 3!important;
  margin:auto!important;
  }