использовать медиа-запрос для разделения flexbox

Question

У меня есть следующий flexbox для рабочего стола. Как добавить медиазапрос, чтобы на iphone 6 я получил синее поле по центру, а за ним - красное поле?

.container{
   display:flex;
   justify-content:space-around;
   }
   .left, .right{
   width:40vw;
   min-height:300px;
   }
   
   .left{
   background-color:blue;
   }
   
   .right{
   background-color:red;
   }

<div class='container'>
   <div class='left'>
   </div>
   <div class='right'>
   </div>
 <div>  
   

Answer 1

просто измените flex на block в css и измените ширину слева и справа