How to make images appear 3 per row in mobile

Site URL: http://www.millijane.com/abstract_art

Hi, I am using image blocks and on my main website they appear 4 per row, on mobile it is one by one. How do I make it appear to a custom amount maybe 2 or 3 per row? 

Www.Millijane.com/abstract_art

13 minutes ago, Millijane said:

Site URL: http://www.millijane.com/abstract_art

Hi, I am using image blocks and on my main website they appear 4 per row, on mobile it is one by one. How do I make it appear to a custom amount maybe 2 or 3 per row? 

Www.Millijane.com/abstract_art

 

Try adding this to Design->Custom CSS
 

@media only screen and (max-width: 640px) {
        #page-5ffa737d7f5beb333bfbce82 > .row:nth-child(1) .sqs-col-3,
        #page-5ffa737d7f5beb333bfbce82 > .row:nth-child(2) .sqs-col-3 {
          width: 50% !important;
           float: left !important;
        }
}