Very commonly asked question. Here's a code pen showing the issue.
https://codepen.io/ninthony/pen/oNboYoJ
Computer Monitors are completely different dimensions than phones. You can see in the first box, that if your picture scaled to your phone screen width it would become quite small. What you're probably seeing is the third box. This is how themes handle background images, they have the background image set to cover the element, the element has a set height, and the image is centered. So it has to be cut off. I would redesign it to use a mobile image and desktop image and swap them out with CSS based on their screen widths. This all requires quite a bit of custom code knowledge though, so if you don't have that your best option would be to hire a developer to create this functionality for you, or make sure you're picking an image where the focus of the content is mainly in the center of the image.
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
