Add a second image as background

Hi
I would like to achieve something similar to this:

I already set BackgroundImage = xxx in XAML for the gradient background. But i would like to add another picture (like the mailbox) to be between the background and the pink stacklayouts. So when i scroll the picture won't move (just as gradient backgorund), the rest will.

Tried this solution, it works for background but as i have defined all my elements in xaml and not code behind, it displays only the background.

Basically i would like to mix the solution above and my elements in XAML.
Something similar to this (which isn't possible to do): Content += mainLayout;