Portrait images cropped to landscape and galleries cropped to portrait on mobile

Hi guys, 

I am having issues with the mobile display of a site I am building. On the project pages, (which contain a gallery and then a number of portrait and landscape images below) all imagery displays correctly on desktop, but not on mobile. The two mobile issues are:

1. On mobile, the landscape gallery display as portrait. I want the gallery to be shown landscape on mobile, like the desktop.

2. Mo mobile, portrait imagery below is being cropped to landscape. I want these to be shown as portrait on mobile, like the desktop. I also don't want the landscape images to then be cropped portrait if I add code!

I have attached a desktop/mobile comparison for both issues. 

Could someone drop the CSS code for this? I know it is a relatively common problem.

Thanks

Hi,

Can you share link to page where you have problem? We can help easier