2. Drawable resources (in this case your background image) are still used in Compose like they are previously in the View system — that is swapping them at runtime based on device configuration qualifiers (density, locale, etc). But as stated in #1, the image scales based on the container 3. You are using ConstraintLayout but that is changing the size of the container the image is in, which is likely causing the stretching because that size is different from the aspect ratio of the image 4. Looks like some of your UI is being constrained off screen so it may be due to the container/parent that the ConstraintLayout is in. It would be helpful to see the fuller context of the Composable function to see the layout relationships between parents and descendants.

5. On using SVGs, I'd only advise doing that for vector illustrations like icons. For photos, you should stick with JPG/PNG/WEBP.

Sidenote: is there a reason you went with ConstraintLayout for this layout instead of using Box/Row/Column? I understand many are more familiar with CL coming from Views, but wondering if that's the reasoning or that there was a complex layout that couldn't be done with the other layout types.