JSFiddle - React, Tailwind, and code Playground

HTML

<div id="aercology">
    <div class="row shaded">
        <div class="columns one"> <span><a href="#">Gema</a></span>

        </div>
        <div class="columns two"> <span><a href="#">Air Quality<br/>Engineering(AQE)</a></span>

        </div>
        <div class="columns three"> <span><a href="#">Whitney</a></span>

        </div>
    </div>
    <div class="row">
        <div class="columns one"> <span><a href="#">Guyson</a></span>

        </div>
        <div class="columns two"> <span><a href="#">Hoffman</a></span>

        </div>
        <div class="columns three"> <span><a href="#">Micro Air</a></span>

        </div>
    </div>
</div>

CSS

}

JavaScript

var items = $('.row a').map(function () {
    return $(this).html();
}).get();
items.sort().reverse();
$(".row a").each(function(){
    $(this).html(items.pop())
});