[WPF]Thumb要素の裏にImageを配置し、Thumb要素はドラッグ可能な状態を維持したい

実現したいこと

WPFのxamlで以下のように記述しており、添付画像のように表示されています。
この画像はThumb要素となっていますが、裏にもう一つ画像を貼り付け、ドラッグ中に裏の画像が見えるようにしたいです。
Thumbをドラッグできる状態に維持したまま、裏に画像を表示する方法はないでしょうか。

xaml
1<Window x:Class="ThumbBackground.MainWindow"
2        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6        xmlns:local="clr-namespace:ThumbBackground"
7        mc:Ignorable="d"
8        Title="MainWindow" Height="200" Width="200">
9    <Window.Resources>
10        <ControlTemplate x:Key="ThumbTemplate" TargetType="Thumb">
11            <Image Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u14/143281/4935fb53e9921aff_thumbnail.jpg" />
12        </ControlTemplate>
13        <Style TargetType="{x:Type Thumb}">
14            <Setter Property="Template" Value="{StaticResource ThumbTemplate}" />
15        </Style>
16    </Window.Resources>
17    <Canvas HorizontalAlignment="Center" Height="200" Margin="0,0,0,0" VerticalAlignment="Bottom" Width="200">
18        <Thumb x:Name="Cell1_0" DragCompleted="mark_DragCompleted" DragStarted="mark_DragStarted" DragDelta="mark_DragDelta" Width="100" Height="100" Canvas.Left="0" Canvas.Top="0"/>
19        <Thumb x:Name="Cell2_0" DragCompleted="mark_DragCompleted" DragStarted="mark_DragStarted" DragDelta="mark_DragDelta" Width="100" Height="100" Canvas.Left="100" Canvas.Top="0"/>
20        <Thumb x:Name="Cell3_0" DragCompleted="mark_DragCompleted" DragStarted="mark_DragStarted" DragDelta="mark_DragDelta" Width="100" Height="100" Canvas.Left="0" Canvas.Top="100"/>
21        <Thumb x:Name="Cell4_0" DragCompleted="mark_DragCompleted" DragStarted="mark_DragStarted" DragDelta="mark_DragDelta" Width="100" Height="100" Canvas.Left="100" Canvas.Top="100"/>
22    </Canvas>
23</Window>
24