JSFiddle - React, Tailwind, and code Playground

JavaScript

var background = document.createElement("background");
background.innerHTML = "<img src= 'http://greensportsalliance.org/images/darkGreenSquare.gif' >";
document.body.appendChild(background);
var currentZoom;


var divstack = [];
var spanstack = [];
var data = [[60,15], [125, 125], [200, 200], [292,260]];

for (var i = 0; i < 4; i ++){
	var span = document.createElement("span");
	span.style.position = "absolute";
	span.style.left = data[i][0] + "px";
	span.style.top = data[i][1] + "px";
	var div = document.createElement("div");
    div.style.width = '60px';
    div.style.height ='60px';
    div.style.background = '#FF00CC';
    divstack.push(div);
	span.appendChild(div);
	spanstack.push(span);
	document.body.appendChild(span);
}


$(window).resize(function () {
	updateSize();
});

function updateSize(){
   
	currentZoom = 0.8;
	$('body,span').css({'transform': 'scale(' + currentZoom + ')'});
}