How can I hide the media grid section from mobile view?

https://3tuittgxh4xvqb4f-74264052033.shopifypreview.com

theme - Starlite

I would like the media grid hiding from mobile as the images arent displaying correctly - it cuts out the words

and on desktop the images dont fit into the boxes correctly

and the social icons in the bottom left of the footer i would like to move them to the right where sign up to our newsletter is , and move the newsletter down a touch

any help is appreciated

On mobile devices, it no longer appears, but on tablet devices, the layout is incorrect.

This might help you: Add this code in your base.css or theme.css file:

@media screen and (max-width: 1100px) {
  .multi-column-item-inner.icon-position-left {
    display: grid !important;
    align-items: center !important;
  }
  .multi-column-item-inner.icon-position-left .multi-column-icon {
    margin-right: auto !important;
  }
}

Result: