JSFiddle - React, Tailwind, and code Playground
HTML
<div id="images">
<img src="http://www.socialmediamarketing.com/blog/wp-content/uploads/2009/08/CrashTestDummy-2-8544b.jpg" alt="dummy1" />
<img src="http://www.socialmediamarketing.com/blog/wp-content/uploads/2009/08/CrashTestDummy-2-8544b.jpg" alt="dummy2" />
<img src="http://www.socialmediamarketing.com/blog/wp-content/uploads/2009/08/CrashTestDummy-2-8544b.jpg" alt="dummy3" />
<img src="http://www.socialmediamarketing.com/blog/wp-content/uploads/2009/08/CrashTestDummy-2-8544b.jpg" alt="dummy4" />
</div>
JavaScript
init();
function init()
{
var images = document.getElementById("images");
for(var i=0;i<images.childNodes.length;i++)
{
//scare off possible text nodes
if(images.childNodes[i].tagName == "IMG")
{
images.childNodes[i].width = window.innerWidth * .25;
images.childNodes[i].height = window.innerHeight * .25;
}
}
}