replace mp4 with webp images

docs/animations/PageTransitions.md

@@ -236,7 +236,7 @@ public class CustomTransition : IPageTransition
 }
 ```
 
-![Custom Transition Example](../../.gitbook/assets/TransitioningContentControl_03.mp4)
+![Custom Transition Example](../../.gitbook/assets/TransitioningContentControl_03.webp)
 
 #### Source code
 [IPageTransition.cs](https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Visuals/Animation/IPageTransition.cs)

docs/controls/TransitioningContentControl.md

@@ -35,7 +35,7 @@ Let's assume we have a collection of different images and we want to show them i
 </TransitioningContentControl>
 ```
 
-![TransitioningContentControl Example](../../.gitbook/assets/TransitioningContentControl_01.mp4)
+![TransitioningContentControl Example](../../.gitbook/assets/TransitioningContentControl_01.webp)
 
 ## Changing the PageTransition
 
@@ -56,7 +56,7 @@ In the sample below we will change the [PageTransition](https://docs.avaloniaui.
 </TransitioningContentControl>
 ```
 
-![TransitioningContentControl Example](../../.gitbook/assets/TransitioningContentControl_02.mp4)
+![TransitioningContentControl Example](../../.gitbook/assets/TransitioningContentControl_02.webp)
 
 ## Disable the PageTransition