How to make sure that a inner div does not go outside its container div flexbox with CSS/HTML only?

Question

I am trying to insert content inside of an inner div (in this case an image), however despite having set the max-width and width and max-height and height of the container div (