Need help with site design, responsiveness

Hi, I would like some help, advise with my sites mobile view.

I'm a graphic designer, I designed my site primarily to be viewed within a monitor. I just assumed all images and text on the right side (column) would fall under the images and text on the left side (left column.

I guess the site is "read" left column top to bottom, then the right column?

My site is www.scottmoden.com

looks OK to me in monitor view.

Not so in mobile view.

Please take a look at the screenshots.

The Monitor view is 3 images. (left: the book cover, right: the book spread, under spread is the circular award image)

Can I fix this to have the full book spread fall under the book cover, and the circular award fall under the book spread, and so on with the rest of the images, text in the site section(s)?