Mobile Image Formatting Issue

Site URL: http://www.curiousundertakings.com/shop

Hello! I have been working on building my company's website using resources from this forum, but have had issues finding the answer to this specific question. So I'm hoping somebody here can answer it for me! 

On our shop page, we have the 3 large images with the words "jewelry," "herbals," and "decor," which are meant to link to the specific parts of the shop. Yes, I know these are redundant - considering that there's the menu to the left. However, we like the aesthetics of it. 

On the desktop version of the site these appear in a horizontal row. On the mobile version they appear vertically. How can I make them appear horizontally on the mobile version? I assume it has to do with some code - since I found some code for making the shop icons appear in columns of 2+, which I inserted into the code injection section. However, I'm not really a programmer, so I don't know what I'd type to make these 3 images/buttons appear horizontally.

Does anybody know where I could find the resources to figure out what to type, or can anybody provide me with the code and tell me which section to place it in? Here is a link to the specific page.