<h1>
  <span class="t-first">Connecting people & </span><span class="t-center">things <span id="word">lightly</span></span>
</h1>
<style>
div.code-block h1 {
    text-align: left;
}
span.t-center {
    display: block;
  float: left;
  color: #e22625;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
  $(function () {
count = 0;
wordsArray = ["lightly", "with joy", "cleanly", "sustainably"];
setInterval(function () {
count++;
$("#word").fadeOut(500, function () {
$(this).text(wordsArray[count % wordsArray.length]).fadeIn(500);
});
}, 2000);
});
</script>