Why, when changing the proportions of the window in height, the vest is not adaptive?

Question

css

I have n images, fixed resolution, and they need to be set exactly as in the example, rubber:

(scrolling is done horizontally)
When you open the page, everything is located correctly, in the right proportions and at the right intervals. But when the browser is resized, the column width remains fixed. Well, this happens in all browsers except Firefox.
Once again:
When I open everything is fine, I resize the browser - everything is bad: I

update now at this scale, everything is restored:

Code:
codepen.io/Mois-ilya/pen/amyWQr
(an empty picture is loaded so that there is no void, until the pictures all loaded)

Answer 1

Answer with js in ANOTHER THREAD

Answer 2

this is a browser bug)) I saw somewhere a solution with crutches, but I don’t remember where .... google
flexbox resize image width something like this

Answer 3

Good afternoon!
Consider ONPAY.RU
Also, the choice depends on the store registration form. For individuals, there are some conditions (the choice of PS is limited to onpay.ru/pochemu-my/prijom-platezhej-dlya-fizlits-i-ip) , for LLCs - completely different.