JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

CSS

div {
    padding: 1em;
    border: 1px solid #000;
    min-height: 2em;
}

div::before {
    content: attr(class);
}

JavaScript

$('.image').each(
    function(){
        $(this).insertBefore($(this).closest('.product'));
    });