Dos css3 columnas de texto con una imagen en medio
Me gustaría lograr este resultado.
hay muchos tutoriales alrededorMe gusta esto pero funcionan con un texto fijo y columnas. Imprimo un texto de longitud variable dentro de mi diseño de dos columnas de esta manera
#cols {
column-count: 2;
column-gap: 20px;
}
<div id="box">
<p id="cols">
Lorem Ipsum....
</p>
</div>
así que no puedo usar una técnica como esa, ¿cómo puedo poner una imagen en el medio en este escenario?