scrollbar for left side of the div

HTML

<div class='super-parent'>
<div id='parent'>
<img id='newimg' src='https://images.unsplash.com/photo-1496181133206-80ce9b88a853?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80'/>
</div>

<button onClick=zoomin()>
Zoom In
</button>
</div>

CSS

#parent{
  height:400px;
  width:400px;
  overflow:scroll;
  display:flex;
 justify-content:center;
}
#newimg{
  height:200px;
  width:200px;
  
}
.button{
  height:10px;
  width:10px;
}

JavaScript

function zoomin(){
document.getElementById('newimg').setAttribute('style', 'transform: scale(6)');
}