How to center a flex container element?

Question

css

Hello.
I'm learning flex. Here is a screenshot of part of the layout (see photo).

My question is the following: how to properly center a round block with a photo?
For the parent flex container I use:

.about__list-left {
  display: flex;
  justify-content: flex-start;  /* либо значение flex-end  */
}

I understand that now the child element (round photo) needs to specify the correct property and value, but what?
Thank you.

Answer 1

Probably like this ?

Answer 2

my task is what:
first line: 1 element is pressed to the left border, the second (round) - in the center
second line: round in the center, 2 element is pressed to the right border
, etc...