diff --git a/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html b/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html
index f8f3c0f62..c4cebb9ab 100644
--- a/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html
+++ b/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html
@@ -57,19 +57,19 @@ <h1 *ngIf="!isSelfHost">{{ 'pages.welcome.title' | translate }}</h1>
     </div>
 
     <div class="screen">
-      <picture>
-        <img
-          *ngIf="!isIOS"
-          src="assets/stockphotos/my-recipes-cap-dec-22.jpg"
-          alt="{{ 'pages.welcome.appDemoImageAlt' | translate }}"
+      <video
+        width="100%"
+        controls
+        loop
+        preload="none"
+        muted
+        poster="https://static.recipesage.com/assets/{{ isIOS ? 'ios' : 'android' }}-autoimport-demo.png"
+      >
+        <source
+          src="https://static.recipesage.com/assets/{{ isIOS ? 'ios' : 'android' }}-autoimport-demo.mp4"
+          type="video/mp4"
         />
-        <img
-          *ngIf="isIOS"
-          class="ios"
-          src="assets/stockphotos/my-recipes-ios.jpg"
-          alt="{{ 'pages.welcome.appDemoImageAlt' | translate }}"
-        />
-      </picture>
+      </video>
     </div>
 
     <div class="ion-padding welcomeContent">