Images in posts too wide when “max image width” is set

Product Support
13

I tried to compare css from my site with discourse.

In my site,

#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
    max-width: 1200px;
    max-height: 628px;
}

html

<img src="https://babyforex.net/uploads/default/original/1X/10670fd0bf4b34154ae4447feff1fc93f5eaed7e.jpeg" alt="h%C3%ACnh%20%E1%BA%A3nh" data-base62-sha1="2l6rNxc3PYiacNMqRTIM4GcaAjA" width="1200" height="526" class="d-lazyload">

In discourse:

#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
    max-width: 690px;
    max-height: 500px;

html:

<img src="https://global.discourse-cdn.com/meta/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg" alt="image" data-base62-sha1="xjSCGCdDwgRqb1OJkiAZNgbEQEr" width="690" height="194" class="d-lazyload" srcset="https://global.discourse-cdn.com/meta/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg, https://global.discourse-cdn.com/meta/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1035x291.jpeg 1.5x, https://global.discourse-cdn.com/meta/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1380x388.jpeg 2x">

discourse alway is 690px

But my website is 1200 and images has been hidden.