JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col1">

    <p>Quickly generate fully tested e-markets for excellent portals. Conveniently engineer corporate web-readiness vis-a-vis virtual growth strategies. Progressively reconceptualize sticky products whereas user friendly sources.</p>
    
    <p>Professionally maintain wireless opportunities vis-a-vis orthogonal portals. Synergistically procrastinate cooperative information before professional manufactured products. Quickly drive 24/7 data vis-a-vis granular results.</p>
    
    <p>Quickly generate fully tested e-markets for excellent portals. Conveniently engineer corporate web-readiness vis-a-vis virtual growth strategies. Progressively reconceptualize sticky products whereas user friendly sources.</p>
    
    <p>Professionally maintain wireless opportunities vis-a-vis orthogonal portals. Synergistically procrastinate cooperative information before professional manufactured products. Quickly drive 24/7 data vis-a-vis granular results</p>
    
    <p>Professionally maintain wireless opportunities vis-a-vis orthogonal portals. Synergistically procrastinate cooperative information before professional manufactured products. Quickly drive 24/7 data vis-a-vis granular results</p>

</div>
<div class="col2">
    <img src="http://placehold.it/100x100" />
</div>

CSS

.col1, .col2 {
    width: 200px;
    float: left;
}
.col2 {
    margin-left: 10px;
}
img {
    float: right;
}

JavaScript

$(document).ready(function() {
    var size = $(".col1 > p").size();
    $(".col1 > p").each(function(index){
        console.log(size + " - " + index);
        if (index >= size/2){
            $(this).appendTo(".col2");
        }
    });
});