@media (max-width: 992px) {
    .table-stack-mobile thead {
      display: none;
    }
    .table-stack-mobile tr {
      display: block;
      margin-bottom: var(--bs-gutter-x);
    }
    .table-stack-mobile td {
      display: block;
      text-align: right;
      padding-left: 50%;
      position: relative;
    }
    .table-stack-mobile td:empty {
      display: none;
    }
    .table-stack-mobile td:not(:empty)::before {
      content: attr(data-label);
      position: absolute;
      left: 0;
      width: 50%;
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      font-weight: var(--bs-body-font-weight);
      text-align: left;
    }
  }