JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>
<body>
  <div id="connectedObjects" style="position:relative;height:200px;width:200px;background-color:red;z-index:2">
  
</div>

<img src='https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwjG_JidodrfAhUDxYsKHatjDxgQjRx6BAgBEAU&url=https%3A%2F%2Ftr.dhgate.com%2Fproduct%2Ffor-computer-headphone-ear-sir-ex-15-headphone%2F432259042.html&psig=AOvVaw3fagw8WH2XFtF1SMjYWjFp&ust=1546902020356750' style="position:absolute;top:0px;left:0px;">
</body>
</html>