I have the need to align differently the 3 parts or a flexbox containing 3 items (3 images of unequally widths).
When the container is large enough, the 3 parts should be spaced equally and occupying the full container width, with the left part aligned left, the middle part centered and the right part aligned right.
When the container is thinner, the right part shall flow on a second row and aligned left.
If the container is even thinner, all 3 parts will stand each on his own row, all aligned left.
Building a flexbox is easy, there are hundreds of tutorials on the web. But all have the same alignment for each item.
I prefer a CSS only solution but JS could be used if really required.
If it matters, the website if made of PHP scripts.