Pictures are not optimized for different devices

This problem occurs on the blog page. I want the images to be optimized for mobile devices but instead it cuts the picture in half. Also on the computer, when you click to read more for a blog, the featured image becomes the header and it cuts it off as well. Why can't the featured image be displayed the same way on the blog page?

Also, I switched the blog post background option to contain and it still cuts the image in half for some of the image. For reference, all of my images are the same size. blog3 image is the only image that shows fully.

This is happening, because theme is still trying to fill the available with of the main column. So it stretches images to fit the with of column, that is why they are cut.
I've added this CSS code to your theme:

Thanks for granting support access again and I just tried to customize the Homepage of your theme from Firefox, Chrome, Safari and Opera (Please see the attached screenshots) and in every browser it was working perfect.

Can you please clear cache and reset all cookies of your website in Chrome and try again? And can you also disable all your Chrome plugins and test again? Please get back to us if this does not solve your problem. We can help as soon as we can regenerate the exact error on our end.

How do you rate me?

Thank you for rating your experience!

We’re thrilled to hear you had a great experience with . Would you like to leave a comment about your experience?
Thanks for voting on your experience with , we’d love to get some feedback please.
Ohh no! We’re really sorry to hear you didn’t have a pleasant experience with , we’re always looking at how we can improve and would appreciate you provide some further feedback here please.
Type your feedback here

it's great that you had a positive one. Based on your experience in this ticket would you please be kind enough to rate us externally on: