JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slide">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
    <div class="four"></div>
</div>

CSS

div div{width:50px;height:50px;float:left;margin: 0 5px 0 0}
.one{background:red}
.two{background:blue}
.three{background:green}
.four{background:pink}

JavaScript

var children = $('#slide').children();

Array.prototype.sort.call(children, function() {
    return Math.round(Math.random())-0.5;
});

$('#slide').empty().append(children);