Does IE handle max-width somehow in its own way? Why didn't anyone tell me about this???

Question

css

4 hours climbed with this, to put it mildly, product of Microsoft's vital activity
, it turns out that IE processes the max-width property of the layer in which there is a picture based on the width value of the picture that is in this div
, can it be done normally without using JS? so that the max-width div image wrapper value depends on the viewport width

UPD:
codepen.io/cache0/pen/ZeBBrp

Answer 1

In short, if you do not explicitly specify the width value of the responsive image wrapper, then IE takes the value for the max-width property based on the value of the width property of the wrapped image
. This statement is valid only in this example: codepen.io/cache0/pen/ZeBBrp