How to force the dynamically drawn image not to change size and position.

[aerologos]

I'm trying to port the application from WPF to Avalonia UI and I'm stuck with one control that is fully functional in WPF but behaves weirdly in Avalonia UI.

Here is the markup:

`
<LayoutTransformControl.LayoutTransform>



</LayoutTransformControl.LayoutTransform>

    <Image Stretch="Fill"
            Width="300"
            Height="300">
        <Image.Source>
            <DrawingImage>
                <DrawingImage.Drawing>
                    <DrawingGroup>
                        <DrawingGroup>
                            <DrawingGroup>
                                <ImageDrawing ImageSource="avares://App.Resources/Media/Icons/artificial-horizon-background.png"
                                          Rect="0,0,500,500" />
                            
                                <DrawingGroup.Transform>
                                    <TransformGroup>
                                        <RotateTransform Angle="{Binding UavRoll}"
                                                    CenterX="250"
                                                    CenterY="250" />
                                        <TranslateTransform Y="{Binding UavPitch, Converter={StaticResource FloatToIntegerConverter}}" />
                                    </TransformGroup>
                                </DrawingGroup.Transform>
                            </DrawingGroup>

                            <DrawingGroup.ClipGeometry>
                                <RectangleGeometry Rect="100,100,300,300" />
                            </DrawingGroup.ClipGeometry>
                        </DrawingGroup>
                        <DrawingGroup>
                            <ImageDrawing ImageSource="avares://App.Resources/Media/Icons/artificial-horizon-roll-pitch.png"
                                        Rect="170,121,161,130"/>
                          
                            <DrawingGroup.Transform>
                                <TransformGroup>
                                    <RotateTransform Angle="{Binding UavRoll, Converter={StaticResource InvertFloatConverter}}"
                                                   CenterX="250"
                                                   CenterY="250" />
                                </TransformGroup>
                            </DrawingGroup.Transform>
                        </DrawingGroup>

                        <DrawingGroup>
                            <ImageDrawing ImageSource="avares://App.Resources/Media/Icons/artificial-horizon-roll-ticks.png"
                                        Rect="115,100,270,90" />
                        </DrawingGroup>
                    </DrawingGroup>
                </DrawingImage.Drawing>
            </DrawingImage>
        </Image.Source>
    </Image>

</LayoutTransformControl>`

And here is how it represented on the screen:

Could anybody suggest how to fix the image size and position but leave it display the same content?