#card_cats {
  position: relative;
}

/* 2. La zone de texte sur la pancarte */
#card_cats>.pancarte-text {
  position: absolute;
  bottom: 0;
  /* Colle le bloc au bas de l'image */
  left: 0;
  width: 100%;
  /* Prend toute la largeur */
  height: 50%;
  /* ASTUCE : On définit que la zone de texte fait 55% de la hauteur totale (la taille de la pancarte) */

  /* Centrage Flexbox */
  display: flex;
  flex-direction: column;
  /* Les lignes l'une sous l'autre */
  justify-content: center;
  /* Centre verticalement DANS la zone des 55% */
  align-items: center;
  /* Centre horizontalement */
  top: 100%;
  left: 50%;
  transform: translate(-50%, -105%);

  /* Marges de sécurité pour ne pas toucher les bords de la pancarte */
  padding: 0 15px;
  box-sizing: border-box;
}

/* 3. Style du texte ajusté pour la colonne is-4 */
#card_cats>.pancarte-text p {
  margin: 2px 0;
  color: #000;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;

  font-size: 1.2em;
}

/* Ajustement pour mobile (quand Bulma passe en colonne unique) */
@media screen and (max-width: 768px) {
  #card_cats>.pancarte-text p {
    font-size: 1.5em;
    /* Sur mobile l'image est grande, on peut grossir le texte */
  }
}