/* Ajoute ces styles à ton fichier CSS existant */
.responsive-container {
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(27, 57, 90); /* Couleur bleue */
    color: white;
    padding: 20px;
}

.text-container {
    flex: 1;
    min-width: 300px;
    padding: 10px;
}

.image-container {
    flex: 1;
    min-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    max-width: 80%;
    height: 80%;
}

.cont-blanc {
	background-color: white;
	height:100%;
	width:100%;
}

.img-flot1 {
    height:300px;
	margin-left:;
	margin-bottom:15px;
	width:550px;
}

.img-flot2 {
	float:right;
	height:300px;
	margin-right:auto;
	margin-top:px;
	width:550px;
	
}

/* Styles pour les petits écrans */
@media (max-width: 768px) {
    .responsive-container {
        flex-direction: column;
    }

    .image-container, .text-container {
        min-width: 100%;
    }
}