в table нужно изменить через setTimeOut цвет и текст через время

в js нужно изменить содержащее table

<tr>
<td class="tg">first</td>
<td class="tg2">second</td>
<td class="tg">first</td>
<td class="tg2">second</td>
 <td class="tg">first</td>
 <td class="tg2">second</td>
 </tr>

таких нужно сделать 3 и чтобы 1-вое изменял цвет через 2секунды на черный а 2 изменялся на голубое на 1-вом чтоб текст встал Lour text а на 2-ром Upper text

я поробовал так для цвета но цвет применятся только для 1-вого текста (не для первых а для первого) --

setInterval(() => {
let tg = document.querySelector('.tg')
tg.style.background = 'red';
tg.style.transition = '1s';
}, 1000);