Displaying landing page photos horizontally next to each other on mobile only

Site URL: https://www.holistichealthcorner.co.nz/

Hi, on my landing page, I use 3 photos which I would like to display horizontally next to each other on mobile also. Can someone help? I don't want my visitors to scroll endlessly through photos until they reach important content.

@media only screen and (max-width: 768px) {
  section[data-section-id="5f3f7ed2dd135b2c9745dc20"] .sqs-col-4 {
    width: 33.3333% !important;
    float: left  !important
  }
  section[data-section-id="5f3f7ed2dd135b2c9745dc20"] .sqs-col-4 .sqs-block-image {
    padding: 5px !important;
  }
}

To add CSS, go to Design -> Custom CSS