Stacking two parent flexbox containers on top of one another

Question

I have two .container elements both are which are at a height of 50%.

These contain the .element divs which are child elements to the .con