Как динамически структурировать контент в 2 столбца

В таких случаях вы можете попробовать использовать макеты flexbox.

{
    display: flex
}

Чтобы разделить содержимое на 2 столбца, вы можете использовать

flex-direction: row
column-gap: 12px (whatever is your requirement)

и для выравнивания элементов в стеке в каждом столбце вы можете использовать

flex-direction: column
row-gap: 12px 

Вы можете проверить другой макет flexbox css, чтобы настроить его в соответствии с вашими потребностями.