How to arrange blocks in this form on flexes?

Question

css

There is such a block (image, text is displayed in the cycle)

But it’s not possible to make up on flexes just like that, on floats I would press them one to the left one to the right, but I’m still learning with flexes. How to place such blocks?
https://codepen.io/webforself/pen/qBEEMby
Site on bootstrap 4 (it turns out that they are placed one under one, and not like on the screen. Negative margins to move them?

Answer 1

justify-content: space-between as an option if you want to push the left column to the left, the center one to the center, and the right one to the right.