Есть 3 элемента, в контейнере div (display flex). И мне нужно расположить их так, как нарисовано на картинке. Подскажите пожалуйста, как это сделать на flex. Структуру элементов менять нельзя, иначе, я бы сам сделал. Спасибо.
.block {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #F0F6F8;
border-radius: 5px;
width: 800px;
padding: 20px 20px 20px 20px;
}
.block_one {
display: flex;
justify-content: space-between;
align-items: center;
width: 450px;
}
.block_two {
display: flex;
justify-content: space-between;
width: 200px;
}
<div class="block">
<img src="https://img.lovepik.com/element/40118/6371.png_300.png">
<div class="block_one">
<p>Simple text1</p>
<p>Simple text1</p>
<p>Simple text1</p>
</div>
<div class="block_two">
<p>Simple text2</p>
<p>Simple text2</p>
<p>Simple text2</p>
</div>
</div>