/* Styles pour les appareils de bureau */
@media only screen and (min-width: 768px) {
  .text::after {
    content: '01'; /* Ajoutez la lettre supplémentaire */
	content: '02';
	content: '03';
  }
  .text1::after {
    content: '01'; /* Ajoutez la lettre supplémentaire */
  }
  .text2::after {
	content: '02';
  }
  .text3::after {
	content: '03';
  }
}

/* Styles pour les appareils mobiles */
@media only screen and (max-width: 767px) {
  .text::after {
    content: ''; /* Supprimez le contenu après */
	    content: ''; /* Supprimez le contenu après */
		    content: ''; /* Supprimez le contenu après */	
  }
  .text1::after {
    content: ''; /* Supprimez le contenu après */
  }
  .text2::after {
    content: ''; /* Supprimez le contenu après */
  }
  .text3::after {
    content: ''; /* Supprimez le contenu après */
  }
}



/* Styles pour les appareils de bureau */
@media only screen and (min-width: 768px) {
.responsive-image1 {
  max-width: 100%;
  height: auto;
}
}
/* Styles pour les appareils mobiles */
@media only screen and (max-width: 767px) {
  .responsive-image1 {
    max-width: 100%;
    height: auto;
    /* Ajoutez ici les nouvelles dimensions pour les écrans mobiles */
  }
}


/* Styles pour les appareils de bureau */
@media only screen and (min-width: 768px) {
.containerpadding {
  padding: 100px; /* Ajoutez la valeur du padding souhaitée */
}

/* Styles pour les appareils mobiles */
@media only screen and (max-width: 767px) {
  .containerpadding {
    padding: 10px; /* Ajoutez la nouvelle valeur du padding pour les écrans mobiles */
  }
}