diff --git a/source/patterns/command/content.rst b/source/patterns/command/content.rst
--- a/source/patterns/command/content.rst
+++ b/source/patterns/command/content.rst
@@ -1,10 +1,10 @@
 Controls within content
 =======================
 
-.. image:: /img/Content_controls.jpg
+.. image:: /img/Content1.png
    :alt:  Controls within content
-   :scale: 40 %
+   :scale: 70 %
 
 If controls are directly necessary for the primary tasks of an
-application (e.g. the "take photo" button in a camera app) and there is
+application (e.g. the "write a sms" button in a address book app) and there is
 space left in the content area, put them directly within the content.
diff --git a/source/patterns/navigation/column.rst b/source/patterns/navigation/column.rst
--- a/source/patterns/navigation/column.rst
+++ b/source/patterns/navigation/column.rst
@@ -15,9 +15,11 @@
    :alt: Column-based navigation on the desktop
    :scale: 40%
 
-.. image:: /img/PageRow.png
-   :alt: Column-based navigation on mobile
-   :scale: 20%
+.. raw:: html
+
+   <video src="https://cdn.kde.org/hig/video/20181031-1/Column1.webm" 
+   loop="true" playsinline="true" width="320" controls="true" 
+   onended="this.play()" class="border"></video>
 
 When to use
 -----------