title: How to stretch an background image while zoom in and zoom out?
body: <pre><code>#leftHalf {
    background:url("img/header/CRC_Website_TopBannerLeftStretch.jpg") repeat scroll 0 0 / 38% 100% hsla(0, 0%, 0%, 0) ;   
     width: 50%;
     position: absolute;
     left: 0px;
     height: 190px;
     z-index:-1;
  }
  #rightHalf {
     background: url("img/header/CRC_Website_TopBannerRightStretch.jpg");
     width: 41.5%;
     position: absolute;
     right: 0px;
     height: 190px;
     z-index:-1;
     top:0;
  }
  </code></pre>
  
  <p>Now the background image is repeated while I am zoom in. But I want to stretches the right and left top banner image while zoom in and zoom out.</p>
  
  <p>Thanks in advance.</p>