Aligner les images en hauteur

Bonjour,

Je voudrais aligner en hauteur mes images. Mon code marche parfaitement dans Codepen : https://codepen.io/laurentsch /pen/eYKyweV , mais est ignoré dans WordPress. Quelle serait une solution SVP ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="flex-container">
<div>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/11/WhatsApp-Image-2022-09-08-at-15.55.37-225x300.jpeg" alt=""  height="300" /> 
 
</div>
<div>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/11/WhatsApp-Image-2022-09-08-at-15.55.17-225x300.jpeg" alt=""  height="300" />
</div>
<div>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/11/WhatsApp-Image-2022-09-08-at-15.54.43-256x300.jpeg" alt="" height="300"  /> 
</div>
<div>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/11/WhatsApp-Image-2022-09-08-at-15.52.52-300x283.jpeg" alt="" height="300" />
</div>
<div>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/11/WhatsApp-Image-2022-09-08-at-15.51.52-290x300.jpeg" alt=""  height="300" /> 
</div>
</div>

Code:

1
2
3
4
5
6
7
/*flexbox */
.flex-container{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    text-align: left;
}