/* Tablet: behoud de rustige rij van drie zolang de kaartinhoud genoeg ruimte heeft. */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hb-flip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Centreer de toelichting zodra de brede rij van drie verdwijnt. */
@media (max-width: 991.98px) {
  .hb-image-meaning {
    text-align: center;
  }
}