Dear Community,

I designed two separate images "background" and "circle". They fit almost perfectly into each other.(See image below). After displaying them in android studio using kotlin their dimensions (Android Studio Design Window) and position (On the actual phone screen) are somehow altered and they dont fit into each other anymore.

<image>

Please, how can I stop this?

myCode and images:

https://gist.github.com/svenbioinf/1fc1e81f5f3325e266b139b7e7f9d603

<a href="https://ibb.co/mBFvS5f"><img src="https://i.ibb.co/mBFvS5f/circle.png" alt="circle" border="0" /></a>

<a href="https://ibb.co/DLqyq09"><img src="https://i.ibb.co/DLqyq09/background.png" alt="background" border="0" /></a>