Inserted images on desktop version of my website are centered but not mobile, why?

For the desktop version, aligning my image in the center using the center alignment button doesn’t seem to work so i indent them instead until they look fairly aligned in the center. but when I look at that page on the mobile version the images are aligned to the right. What gives?

theme: expanse

Under the page: Originals > “Paintings from Imagination.”

Hello @loudnoises

You should not indent the image to center it. Please remove the indent padding and add this CSS code to center the image

.shopify-section .rte img {
    margin: auto;
}

Thank you Zeno. When editing my website’s code where should I copy it to?

You can add it to theme.liquid.css (or theme.css)