Можно ли создать заголовок таблицы с треугольниками между столбцами?

Question

Я пытаюсь создать пользовательский заголовок таблицы со стрелками между столбцами, как на рисунке ниже. Кто-нибудь, кто знает, как это сделать?

Код:

  .table tr {
      cursor: pointer;
  }
    .im-header {
    width: 20%;
    text-align:center;
    cursor: default;
  }

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet"/>
<table class="table" style="border-collapse:collapse;">
<thead class="thead-dark">
<tr>
	<th scope="col" class="im-header"></th>
	<th scope="col" class="im-header">Konceptualisering</th>
	<th scope="col" class="im-header">Proof of concept</th>
	<th scope="col" class="im-header">Produktvalidering</th>
	<th scope="col" class="im-header">Produktlansering</th>
</tr>
</thead>
</table>