How to align my group of imags in the center of my webpage

I used display: flex; to horizontally align my images but centering them required display: block; margin: auto; and I can not have two displayed on the same div it does not work for me.

<div style="width: 25%; display: flex;">
            <img src="..\pic\5D3M3456.jpg" style="margin: 2vh;">
            <img src="..\pic\5D3M3462.jpg" style="margin: 2vh;">
            <img src="..\pic\5D3M3520.jpg" style="margin: 2vh;">

flex has it’s own way of centering things.

None of the stuff works though (I mean the things in the article)