JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<style type="text/css">
#scontainer{
overflow:hidden;
height:300px;    
border-style:solid;
border-color:red;
}
    .sunball {
      position:absolute;
    background-image:url('http://beekeepinglinks.co.uk/beekeepinglinksnewv2/images/moon/moon_10.png');
     top:290px;
    left: 201px;
    height:100px;
    width:100px;
}
    #sun{
    z-index:6;
}
</style>
</head>
<body>
    
      <div id="scontainer">
  <div class="sunball" id="sun"></div>
  </div>
</body>
</html>