JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div id='backgroundContainer'>

        <div id='background31'></div>

        </div>
        </body>

CSS

html, body {
             max-height:100%;
                 width: 300%;
         background: url('');
         top: 0;
         left: 0;
         background-size: cover;
         background-repeat:no-repeat;           
                   }
    #backgroundContainer{
    top:0;
            left:0;
    margin:0;
    padding:0;
    height:100%;
    width:100%; 
      }

    #background31{
    position: absolute;
    top: 50%;
    left: 50%;
    padding:0;
    background: url('http://2.imimg.com/data2/LQ/QV/MY-/teddy-small-size-250x250.jpg');
    background-repeat:no-repeat;
    height:10%;
    width:10%;
    background-size: 100%;
    } 

    #background31:hover{
    background-size: 120%;
    }