[Bootstrap] [Tables] Переход при наведении курсора для .table-hover Bootstrap 5

у вас есть идея, как использовать переход CSS для tr, когда таблица имеет класс .table-hover в BS 5? Когда я добавляю, например, transition: 0.5s в приведенный ниже код, это не работает?

.table-hover {
  > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
  }
}

Я думаю, это вызвано добавлением фонового изображения в ячейку здесь:

  > :not(caption) > * > * {
    padding: $table-cell-padding-y $table-cell-padding-x;
    background-color: var(--bs-table-bg);
    background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
    border-bottom-width: $table-border-width;
  }

Спасибо за помощь! Бест, Марта