html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #2e7d32; /* Ton fond vert */
  overflow: hidden;         /* Empêche l'apparition de barres de défilement */
}

.bottom-character {
  /* Positionnement fixe en bas de l'écran */
  position: fixed;
  bottom: 0;
  left: 0;
  
  /* Largeur totale */
  width: 100%;
  
  /* "auto" permet de garder les proportions de l'image (ne pas l'écraser) */
  height: auto;
  
  /* Supprime l'espace vide potentiel sous l'image */
  display: block;
  
  /* Optionnel : empêche de bloquer les clics si vous ajoutez des boutons derrière */
  pointer-events: none; 
  
  /* Assure que l'image reste au-dessus du reste */
  z-index: 999;
}

/* Adaptabilité (Réactivité) */
@media (max-width: 768px) {
  /* Sur mobile, si l'image prend trop de place en hauteur, 
     on peut ajuster son comportement ici */
  .bottom-character {
    width: 100%; /* Reste à 100% sur mobile */
  }
}