JSFiddle - React, Tailwind, and code Playground

HTML

<div id="b1">первый блок
    <p>еще текст</p>
</div>
<div id="b2">второй блок
    <p>еще текст</p>
    <p>еще текст</p>
    <p>еще текст</p>
</div>
<div id="b3">третий блок
    <p>еще текст</p>
    <p>еще текст</p>
</div>

CSS

#b1 {
    background:red;   
}
#b2 {
    background:green;  
}
#b3 {
    background:blue;  
}

JavaScript

window.onload = function(){
    var b1 = document.getElementById("b1");//блок перед которым ставим
    var b2 = document.getElementById("b2");//блок который передвигаем
    b1.parentNode.insertBefore(b2, b1);
}