Aligning two different fonts in Parabola

Trying to align two different fonts and not having much luck. Tried valign, line height and a couple of other things. Have got them words laid out in a table as I want the definitions to all be justified and aligned.

Any suggestions?

page is here: https://bravelybeingme.co.uk/

code as follows:

<table style="width: 100%;">
<tbody>
<tr>
<td><h3><font color="black">Authenticity</font></h3></td>
<td>Being real, genuine; not fake or phony.</td>
</tr>
<tr>
<td><h3><font color="black">Courage</font></h3></td>
<td>Being brave, doing something that scares you.</td>
</tr>
<tr>
<td><h3><font color="black">Personal Growth</font></h3></td>
<td>Learning, development and expansion</td>
</tr>
<tr>
<td><h3><font color="black">Kindness</font></h3></td>
<td>Compassion and respect for the feelings, wishes and rights of others</td>
</tr>
<tr>
<td><h3><font color="black">Connectedness</font></h3></td>
<td>Sharing in Humanity; solidarity,</td>
</tr>
<tr>
<td><h3><font color="black">Peace</font></h3></td>
<td>Finding Calm & Serenity; not violent or aggressive.</td>
</tr>
<tr>
<td><h3><font color="black">Gratitude</font></h3></td>
<td>Being thankful for the gifts that we have been given.</td>
</tr>
</tbody>
</table>