WPF изображение внутри Изображение не отображается

Question

Я пытаюсь включить картинку внутри другой картинки в WPF.Мне нужно сделать это для того, чтобы «заполнить» определенную часть корневого изображения, если происходит определенное событие.Чтобы добиться этого, я использовал Grid, добавил в него исходное изображение и добавил вторую сетку, содержащую изображение в сетке.
В конструкторе все выглядит хорошо:

Но когда я запускаю приложение, изображение для заполнения части корневого изображения не отображается:

Вот мой код XAML:

 <Grid VerticalAlignment="Center">

                <Image 
                        Source="Sourceimage.png"
                        Name="SourceImage">

                </Image>
                <Grid RenderTransformOrigin="0.272,0.664" Margin="47,387,1019.4,103"
                      >

                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-47.522"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Grid.RenderTransform>

                    <Image
                        Source="fillimage.png" RenderTransformOrigin="0.5,0.5" Margin="-2,-7,2,-1">
                        <Image.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="47.954"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Image.RenderTransform>

                    </Image>
                </Grid>
            </Grid>

Я не знаю, как реализовать это лучше.Если у вас есть решение, пожалуйста, дайте мне знать ...