Bonjour,
Sur ton code je vois pas mal de balises <div> qui ne sont pas fermées je suppose qu'elles se ferment plus bas.
Pour tes photos ce n'est pas très clair, je vais partir sur le principe que tu veuille deux colonnes de 3 photos
Un exemple rappide :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>test</title>
<style>
.container{
display: flex;
justify-content: center;
}
.colUne{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: red;
width: 217px;
height: 423px;
}
.colDeux{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: blue;
width: 217px;
height: 423px;
}
.img1{
width: 200px;
height: auto;
}</style>
</head>
<body>
<header></header>
<div class="card">
<div class="container">
<div class="colUne">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
</div>
<div class="colDeux">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
<img class="img1" src="https://cdn.pixabay.com/photo/2023/05/27/18/15/barn-swallows-8022044_1280.jpg" alt="photo1">
</div>
</div>
</div>
</body>
</html>