body { font-family: Arial, sans-serif; max-width: 900px; margin: 30px auto; }
textarea { width: 100%; }
label { display:block; margin-top: 12px; font-weight: bold; }
button { margin-top: 14px; padding: 10px 16px; }
.err { color: #400e9c; font-weight: bold; }
.contenainer {
       display : flex ;   
       justify-content : space-around ;
       width=100% ;
       gap : 10px ;
       alignment-baseline: baseline;
       border:1px solid;
       color: rgb(39, 25, 231) ;
      } 
.enfant {
          flex: 1 ;
          background-color: lightblue ;
          border: 1px silidblue ;
          gap : 3px ;
        }
.none { object-fit: none ; } /* image not scaled */
.fill { object-fit: fill; } /* objet is scalled to fill the container not maintain the aspect ratio */
.cover { object-fit: cover ; } /* image is scale to fit the container maitain the aspect ratio */