title: CSS Zoom into specific image point
body: <p>I have an image which I need to zoom a specific point depending on which input is focused</p>
  <p><a href="https://jsfiddle.net/d47beux5/" rel="nofollow noreferrer">Here's a fiddle so far</a></p>
  <p>I used the attributes  <code>transform</code>  and <code>transform-origin</code>. It's working fine on Firefox (notice how it's moving toward the point while zooming at same time).</p>
  <p>However on Chrome, the scale/zoom is done first, then it teleports the point. It's actually very confusing</p>
  <p>Any idea how to make this work on Chrome ?</p>