JSFiddle - React, Tailwind, and code Playground

HTML

<div class="l-logo-window">
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
  <img alt="X" src="http://dummyimage.com/50x50/000/0815cc.png&text=TEST"  />
</div>

CSS

div.l-logo-window div {
  clear: both;
    border: 1px solid red;
}
img {
  margin-right: 5px;
}

JavaScript

$('.l-logo-window > img:nth-child(8n+8)').each(function(){
   $(this).prevAll('img').addBack().wrapAll('<div/>'); 
});

$('.l-logo-window > div > img:nth-child(4n+4)').each(function () {
    $(this).prevAll('img').addBack().wrapAll('<div/>');
});