Problems with "Responsive Images" Setting

[FaySmash]

Responsive Images acts differently when the source Image has different resolutions.

I have inserted the same image twice but once with 1200x300px and again with 3780x945px. The smaller image is displayed correctly when the screen has a with of >320px while the larger image is cropped to only show the upper left corner:

When the width is less than 320px, both images are displayed incorrectly:

please use my csn-alpha instance for debugging

[tbela99]

Did you try to change the crop settings to for example face detection? It has an incidence on the cropped area

[FaySmash]

yes I tried everyone of the settings. Please play around on csn-alpha for yourself, it's hard to explain what effects those settings had.

[tbela99]

I noticed you where using very large inline images even with the mobile apps. It would have been easier to optimize them if you used css classes.
I created this issue to try to fix that problem #116