.features__body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #555555;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.promo {
    background-color: var(--clr-light);
    color: var(--clr-dark);
    padding: 20px;
    padding-bottom: 0.2rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%; /* Prend toute la largeur de la page */
    height: 100vh; /* Prend toute la hauteur de la page */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; /* Ajouté pour le positionnement absolu des images */
}

.promo__title {
    font-size: 2.5em;
    color: var(--clr-blue);
    margin-bottom: 3rem;
}

.promo__text {
    font-size: 1.5em;
    color: var(--clr-grey);
    margin: 2rem 20rem;
}

.promo__button {
    background-color: var(--clr-pink);
    color: var(--clr-light);
    border: none;
    padding: 10px 20px;
    border-radius: 2rem;
    cursor: pointer;
    margin-bottom: 1rem;
    font-weight: 900;
    font-size: medium;
}

.promo__button:hover {
    background-color: var(--clr-pink-survol);
}

.promo__image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Ajouté pour le positionnement absolu des images */
    width: 100%;
    height: 100%;
}

.promo__img2 {
    position: absolute;
    bottom: 0; /* Place l'image tout en bas */
    width: 65%; /* Prend toute la largeur de l'élément parent */
    height: 75.2%; /* Ajuste la hauteur automatiquement */
    border-start-end-radius: 0.5rem;
    border-start-start-radius: 0.5rem;
}    


.promo__img {    
    position: absolute;
    width: 70%; /* Prend toute la largeur de l'élément parent */
    height: 80%; /* Prend toute la hauteur de l'élément parent */
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}