Найти координаты блока

Есть такая верстка

<div class="box">
  <div class="box-item">
    <div class="box-item__head">
      <h2>#1</h2>
    </div>
    <div class="box-item__content">
      <ul class="box-list">
        <li class="box-list__item">Заказ 1</li>
        <li class="box-list__item">Заказ 2</li>
        <li class="box-list__item">Заказ 3</li>
        <li class="box-list__item">Заказ 4</li>
        <li class="box-list__item">Заказ 5</li>
      </ul>
    </div>
  </div>
</div>

блоков box-item может быть очень много с разной вложенностью, и такие стили

.box {
  height: 100%;
  padding: 10px;
  column-fill: auto;
  column-width: 100px;
  column-gap: 10px;
  .box-item {
    width: 100%;
    border: 3px solid black;
    margin: 0 0 10px;
    border-radius: 10px;
    &__head {
      background-color: #000;
      height: 40px;
      padding: 0 20px;
      h2 {
        margin: 0;
        color: #fff;
      }
    }
  }
}

за счет этого блоки переносятся на новую колонку. Нужно к блокам которые переносятся на новую колонку добавить пунктирную линию, вот пример ссылка

Как найти координаты разрывного блока или вообще как решить такую задачу. Спасибо