<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Test</title>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>

<script>

    var _item = {};
    function initBanner(){
      getSelectorsWithId();
      // TweenLite.set(_item.hello1, {force3D:false, scale:0.05, top:-80, left:-580, delay:0});
      // TweenLite.to(_item.hello1, 1, {force3D:false, scale:2, delay:2});
      TweenLite.set(_item.hello1, {force3D:false, scale:0.05, left:-550, top:-100});
      TweenLite.to(_item.hello1, 1, {force3D:false, scale:1, left:0, delay:2});
      // TweenLite.to(_item.hello1, 1, {force3D:false, scale:1, left:0, delay:2});
    }

    function getSelectorsWithId(){
      _item.container = document.getElementById("container");
      _item.content = document.getElementById("content");

      var divs = _item.container.getElementsByTagName("*");

      for(var i=0; i < divs.length; i++){
        if(divs[i].id !="undefined"){
          _item[divs[i].id] = divs[i];
        }
      }
    }

</script>

<style>

    body, body * {vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 9pt; color: #000000;}
    #container {position: absolute; width: 300px; height: 250px; border:1px solid #000000; box-sizing: border-box; margin: auto; background: #ffffff; }
    #content {position: absolute; width: 100%; height: 100%; overflow: hidden;}
    #content div, #content button{position:absolute; background-repeat: no-repeat; background-size: cover;}
    #background{background-color:#ffffff; width:100%; height:100%; left:0px; top:0px; }



    #hello1{
        background-image: url("http://brendyn.com/test/_hello.svg"); 
        position: absolute; background-repeat: no-repeat; left:-200px; top:0px;
        width:1562px; height:414px;
    }


</style>

  <div id="container" class="container">

    <div id="content">

        <div id="background"></div>
        <div id="hello1"></div>

    </div>

</div>