Background Image(s) for all mobile resolutions

Hi there,

I’m trying to just use one background image (as a sprite atm), and that it scales to the width/height of the mobile screen etc… I am not getting the desired effect, it seems to be cropping the background on iPhone 13 Pro.

After some forum investigations, it seems that using smaller chunks of photos to build the background is the most desired way (correct if I am wrong). What I aim to do is to get a background similar to a few levels in Cut the rope, where it looks like the level is inside a box of some sort.

How woud one get this desired effect? Would I need to split the image into 5 (top, bottom, left, right and middle) as in the example below, and then position each sprite via screen coordinates (xy)? Would this still have some aspect ratio issues on other resolutions? Any guidance would be great and appreciated.