Классы заказа не работают для мобильных устройств

Question

Я пытаюсь сделать заказ сначала для области изображения, а затем для текста. Но этот код не работает для небольших устройств, но работает для средних устройств.

    <div class="row">

      <div class="col-sm-12 col-lg-6 order-lg-1 order-sm-2 float-left">

    <h3>We build successful,<br>long-lasting.</h3>
    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believabl

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believabl</p>

    <button class="btn btn-primary">Get Started</button>

    </div>

      <div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 float-left" >            
        <img src="assets/feature1.jpg" class="img-fluid" >
      </div>
      </div>