Keep image hight in flex box

Example here: https://codepen.io/partum/pen/YPXePag
This is probably a super simple issue. I want images next to the text. I want these images to be 200px x 200px squares. When the 1st section has a few lines of text, the image displays as expected. But if I add a lot of lines, the image width shrinks so it’s at it’s original ratio. Is there a way to keep the image as a square without cropping it before uploading?

using flex the sizes become quite fluid. You can try giving a width to the p element, like width: calc(100vw - 250px);

or I would suggest using grid instead

I will give grid a try, thank you