Piszę kod, który usuwa klasę order-first przy rozmiarze okna mniejszej, bądź równej 768px, a dodaję klasę order-first ponownie, gdy okno będzie większe niż 768px. Problem w tym, że funkcja reaguje tylko po wczytaniu strony i pierwszej zmianie szerokości okna. Dalej ta klasa nie istnieje w ogóle.
function order()
{
let width = window.innerWidth;
if (width<=768)
{
$(`article.order-first`).removeClass('order-first');
}
else if (width>768)
{
$(`article.order-first`).addClass('order-first');
}
}
window.onresize = order;
<section class="row my-5 mx-3">
<img src="img/motivation.png" class="col-md-6 col-xs-12">
<article class="col-md-6 col-xs-12 order-first align-self-center p-3">
<h1 class="h2">Siła motywacji</h1>
<p class="fs-5">Naucz się stosować <a href="#">najważniejszy element</a> dążenia do celu</p>
</article>
</section>