JSFiddle - React, Tailwind, and code Playground

HTML

<!--<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>
<div class="item-container"><img src="img.jpg" /></div>-->

CSS

.new {
    width:100%; 
    border:1px solid; 
    margin:10px; 
}

JavaScript

var divs = $(".item-container");
	for(var i = 0; i < divs.length; i+=4) {
	   i + 1; 
	  divs.slice(i, i+4).wrapAll("<div id='lazyload' class='new'></div>");
	}