JSFiddle - React, Tailwind, and code Playground

HTML

<p>Set the screen size to 768px or less and 3(green) div will be inserted after 1(red) div.</p>
<div class='one'>1</div>
<div class='two'>2</div>
<div class='three'>3</div>

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h3 class="pt-5">Title</h3>          
            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
            <a href="#" class="btn btn-warning">submit</a>
        </div>
        <div class="col-md-6 col-xs-12 align-self-center">
            <img class='duo' src="img/duo.png" alt="image" />
        </div>
    </div>
</div>

JavaScript

var isMobile = 768;

if ($(window).width() <= isMobile) {
	$('.duo').insertAfter('.pt-5');	
}