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{
    top:45%;
    position: absolute;
    margin:0;
    padding:0;
    background: url('http://2.imimg.com/data2/LQ/QV/MY-/teddy-small-size-250x250.jpg');
    background: red;
    background-repeat:no-repeat;
    height:55%;
    width:70%;
    left:230%;
    background-size: 5%;
    } 

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