Estoy tratando de representar mi ApexChart en un contenedor con esta propiedad CSS: columns: 2; Cuando elimino esa propiedad, se renderiza como se supone:

Pero con el CSS que da esto sucede:

No tengo idea de por qué sucede esto... Como ya probé mucho, estoy muy seguro de que la línea dada de CSS es la fuente del error y no otra cosa.

Creé un violín que recrea el error: https://jsfiddle.net/levi_hrb/9dzrxv73/12/

Sé que sería posible ordenar los contenedores con JavaScript en dos columnas de mampostería. El problema es que el contenido y la altura a menudo cambian, por lo que sería mejor si hubiera una solución CSS pura.

Me encantaría cualquier ayuda, ¡muchas gracias!