WPF анимации нескольких элементов

Есть анимированная Grid панель которая расширяется при наводке курсора на неё. Добавил на этот Grid изображение, хочу чтобы при наводке на Grid ещё и переворачивалось изображение по вертикали с анимацией.

    <Grid Width="40" HorizontalAlignment="Left" Background="#FF1B1C23" Grid.RowSpan="2">
        <Image x:Name="TestImage" HorizontalAlignment="Left" Height="26" VerticalAlignment="Top" Width="19" Margin="11,5,0,0" Source="Source/Three_Pase.png"/>
        <Grid.Style>
            <Style TargetType="{x:Type Grid}">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetName="TestImage" Storyboard.TargetProperty="RenderTransform.Angle"
                                                    By="180" Duration="0:0:1"/>
                                    <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetProperty="Width" To="150"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="MouseLeave">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Duration="0:0:0.1" Storyboard.TargetProperty="Width" To="40"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>
    </Grid>

Помогите разобраться, где допустил ошибку.