How to put pictures and text in this position?

Question

css

How to arrange pictures and text in this position? I tried to do this several times, but there are problems with a large picture (I can’t put it in the middle of the block) and in the mobile version the picture does not rise above the text with icons

Answer 1

for a block with a list:

display: flex;
flex-direction: column;

for the block containing the list and the green block

display: flex;
align-items: center;
@media (max-width: 575px) {
flex-direction: row-revers;
}