JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<body style="background:#fff url(http://peterfcarlson.com/wp-content/themes/comingsoon/pfc.png) repeat scroll center">

<div style="background-image:url(http://dummyimage.com/400x400/000/fff&text=+doesnt+work)"></div>
<div style="background: transparent url(http://dummyimage.com/400x400/000/fff&text=+works) no-repeat scroll center;"></div>
<div style="background-image:url(http://dummyimage.com/400x400/000/fff&text=+doesnt+work+2)"></div>
<div style="background: transparent url(http://dummyimage.com/400x400/000/fff&text=+works+2) no-repeat scroll center;"></div>
    
</body>

CSS

div{width:400px;height:400px;float:left;margin-right:20px}