JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>background-position</title>
 </head>
 <body>
<div id="qwer">
</div>
 </body>
</html>

CSS

html {
    height: 100%;
}
body {
    padding:0px;
    margin:0px;
    height: 100%;
    background: silver url("http://dummyimage.com/100X50") 50% 50% no-repeat;
}
#qwer {
    background: #000 url("http://dummyimage.com/50X50") 50% 75% no-repeat;
    width:100px;
    height:100px;
}