I'm having some trouble making Sibling A's height dictate the height of Sibling B using Flexbox.
Sibling A is a div that contains text so its height will grow and shrink as the window is resized.
Sibling B contains an image.
Currently, Sibling B is dictating the height at certain window sizes because (I believe) the image itself is larger. I've tried containing it inside of a div and applying overflow:hidden but it doesn't seem to help.
Ideally, the height of both siblings would be determined by Sibling A, and the image in Sibling B would simply be cropped in order to maintain the determined height.
Image below:Image dictating height of flexbox siblings vs desired outcome
