body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    text-align: center;
    height: 100vh; /* La hauteur de la page est égale à 100% de la hauteur de la fenêtre */
    display: flex; /* Utilisation de Flexbox pour centrer verticalement */
    align-items: center; /* Centre verticalement les éléments enfants */
    background-color: black; /* Couleur de fond noire */
}

.container {
    max-width: 800px; /* Largeur maximale du conteneur */
    margin: 0 auto; /* Centre le conteneur horizontalement */
    padding: 10vw; /* Ajout de marges à droite et à gauche en unité de largeur */
    width: 100%; /* Le conteneur occupe 100% de la largeur du conteneur parent */
}

img {
    max-width: 100%; /* L'image ne dépasse pas la largeur du conteneur */
    height: auto; /* Garantit que l'image conserve ses proportions d'origine */
    display: block; /* Supprime l'espace réservé pour les espaces réservés aux lignes de texte sous l'image */
    margin: 0 auto; /* Centre l'image horizontalement dans le conteneur */
}