Почему изображение в flex-контейнере не уменьшается?

Что-то на самом деле тупишь:

Ну смотрите: вы написали display:flex и потомкам width:50% но не учли что img вы не описали т.е надо написать для него display:block и width:100% для обоих потомков во flex контейнере и находе мы получим вот это : https://codepen.io/topicstarter/pen/YdLrxm