How can I make 2 divs of equal dimension using flexboxes?

One div has an img element, and the other has a background-image, with texts that I want to appear at the bottom of the text. But, in my code the second appears much smaller. Here's the pen:

http://ift.tt/2kqGmiC