Adjust Images into Columns Mobile View

Site URL: https://www.aspireleadwell.com/services

I am trying to adjust the icon images on this page into two columns when viewed on mobile. I used this code but the last two icons are hanging.

Any idea how to adjust this code?

Current Code:
@media screen and (max-width:767px) {
  div#page-section-60615955e6fb7c423bfac5d6 .span-12 {
    .span-4 {
      width: 50% !important;
      float: left !important;
    }
  }

1 hour ago, mmejia08 said:

Site URL: https://www.aspireleadwell.com/services

I am trying to adjust the icon images on this page into two columns when viewed on mobile. I used this code but the last two icons are hanging.

Any idea how to adjust this code?

 

Current Code:
@media screen and (max-width:767px) {
  div#page-section-60615955e6fb7c423bfac5d6 .span-12 {
    .span-4 {
      width: 50% !important;
      float: left !important;
    }
  }

You can try the following code

@media screen and (max-width: 767px) {
  div#page-section-60615955e6fb7c423bfac5d6 .span-12 .span-4 {
    width: 100% !important;
    display: flex;
  }
  .image-block {
    width: 50%;
  }
}

Let me know how it works on your site

My testing