I am working with flex layouts and images. My goal is to stack the flex-items on top of each other on smaller screen widths, by setting `flex-direction: column;` but there is a strange behavior i can't understand. The flex item that wraps the image seems to take the full width of the image. I have created a [CodePen](https://codepen.io/adam400/pen/yLbxjeR) that illustrates the problem. Thank you in advance