Html 是否有CSS布局可以反转桌面视图行堆栈中的列排列？（见图）

我不熟悉HTML和CSS。我正试图安排桌面和移动布局，以不同的顺序。目前我正在使用以下代码：

<div class="row ">
    <div class="col-lg-6">
        <img src="img/services/service1.jpg" alt=">
    </div>
    <div class="col-lg-6">
        <h2> Service 1</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </div>
</div>
<div class="row ">
    <div class="col-lg-6">
        <img src="img/services/service2.jpg" alt="">
    </div>
    <div class="col-lg-6">
        <h2> Service 2</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.</p>
    </div>
</div>
<div class="row ">
    <div class="col-lg-6">
        <img src="img/services/service3.jpg" alt="">
    </div>
    <div class="col-lg-6">
        <h2> Service 3</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.</p>
    </div>
</div>

服务1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

服务2
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

服务3
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

这将元素的布局安排为：

1,2

3,4

5,6

我想成为：

1,2

4,3

5,6

任何帮助都将不胜感激：）

---

编辑：但我希望它在电话上保持1,2,3,4,5,6。因此，我不是在交换3和4，Boostrap 4使用基于flexbox的网格系统，这允许。有关更多详细信息，请参阅bootstarp文档中的部分

可能是这样的：

<div class="row ">
    <div class="col-lg-6">
        <img src="img/services/service1.jpg" alt=">
    </div>
    <div class="col-lg-6">
        <h2> Service 1</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </div>
</div>
<div class="row ">
    <div class="col-lg-6 order-sm-12">
        <img src="img/services/service2.jpg" alt="">
    </div>
    <div class="col-lg-6 order-sm-1">
        <h2> Service 2</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.</p>
    </div>
</div>
<div class="row ">
    <div class="col-lg-6">
        <img src="img/services/service3.jpg" alt="">
    </div>
    <div class="col-lg-6">
        <h2> Service 3</h2>
        <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.</p>
    </div>
</div>

服务1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

服务2
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

服务3
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX