ProjectSoft

<div class="flex-box">
  <div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
  <div class="col2"><!--тут второй столбец--></div>
  <div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
  <div class="col2"><!--тут третий столбец--></div>
  <div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
  <div class="col2"><!--тут четвертый столбец--></div>
  <div class="col1"><!--Содержание первой колонки(Страховая компания и регион)--></div>
  <div class="col2"><!--тут пятый столбец--></div>
</div>

.flex-box{
  display: flex;
  flex-wrap: wrap; 
}
.flex-box div:nth-child(2n+1){
  display: none; /*прячем 3 блока с названиями*/
}
@media screen and (max-width:/*тут ширина страницы под планшеты(Пиксели на котором пройдет первый перенос)*/){
  /*стили для планшетной версии*/
  /*ширину для .col1 и .col2*/
  /*ширину для таблицы*/
  .flex-box div:nth-child(4n+1){
    display: none; /*прячем два блока с названиями*/
  }
}
@media screen and (max-width:/*тут ширина страницы под мобилки(Пиксели на котором пройдет второй перенос)*/){
  /*стили для мобильной версии*/
  /*ширину для .col1 и .col2*/
  .flex-box div:nth-child(2n+1){
    display:  block; /*показываем все блоки с названиями*/
  }
}


примерно так:)
Если помог — отметьте решением!

setDelay = param => {
  setTimeout(() => console.log("выполнен", param), param*1000)
}

for(var i = 0; i < 10; i++) {
  setDelay(i);
  console.log("установлен", i);
}

setDelay = async (param) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log("выполнен", param);
      resolve();
    }, param * 1000);
  })
}

for(var i = 0; i < 10; i++) {
  console.log("установлен", i);
  await setDelay(i);
}

div{
  flex-wrap:wrap;
}