How can I get my shopify page images to stop resizing to fill the whole page?

Store Design
1

We have multiple custom pages to advertise different programs our store runs. Each and every single one of them has all of our inserted images blow up and fill the page.

They are way to big and if I try to resize them the image either distorts, changing only the height, or gets all blurry and only changes the resolution.

I cannot for the life of me find any code to fix this problem. We just changed our theme to the BinderPOS Premium Theme Multi and this is happening on the default page template.

One of the website pages in question: https://www.tabletopgamingcenter.com/pages/feedback-loop-a-d-d-playtest-stream

As a note it looks fine on mobile,

2

Hello there @TabletopHeather I’ve gone through your website and I understand how you feel. I believe I can help you with that. Check your inbox

3

We figured out the problem!

For anyone who is having this issue:

The way Shopify inputs its code for images in the content box wasn’t being read correctly by our theme. We had to change the code by trail and error. (We have notified the makers of our theme of the issue and they are working to fix it)

The code originally read as this:

It has been changed to this:

4

Which section of Coding was this found in?