I am making app with framer motion and I need to drag svg inside another svg but my problem is that viwebox size is not equal to window size so when I drag element my 1px movement of mouse on the screen is like 100+ px. I know in JavaScript we can calculate x and y with screenX, sceenY and CTM (current transform matrix). Is possible to make somehow framer motion drag function to calculate that?

```
<svg viewBox="0 0 40 20">
  <motion.circle drag cx="5" cy="5" r="0.5"strokeWidth="0.1"/>
</svg>

```

P.S. I cannot change viewbox size and its 100% of width and height of screen

this is current state of the app where you can see the problem when you try to drag player object. <https://waterpolo.klaktech.com>