How to add a class to every second line of a div with a picture?

Question

css

Good day!
The page contains a list of news.
In the list of news, each news has an image and a description.

<div class="row align-items-center">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
<div class="row align-items-center">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
</div>

Tell me, please, how to add the .order-md-2 class to every second line of a div with a picture.
It is necessary for the images to be displayed as if in a checkerboard pattern.

Answer 1

try one class and pseudo-classes :nth-child(even) / :nth-child(odd)

Answer 2

const selector = '.row.align-items-center:nth-child(2n) .col-md-6:nth-child(2n)';
const divList = document.querySelectorAll(selector);
divList.forEach(div => div.classList.add('order-md-2'));

Answer 3

Thank you very much for the answers.
Managed to do this:

<div class="row align-items-center img__location">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
<div class="row align-items-center img__location">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
</div>

.img__location:nth-child(2n)>.col-md-6:first-child {
  order: 2;
}