fine tuning tutorial's animation

src/app/components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component.html

@@ -12,15 +12,16 @@
         When your account will receive a new mention, follow, boost, favorite and other kind of notifications, your
         avatar's icon will start flashing this way:<br />
         <br />
-        <video class="content__center" role="application" loop autoplay>
+        <img class="content__center" src="assets/video/flashing.gif">
+        <!-- <video class="content__center clean-outline" autoplay muted loop>
             <source src="assets/video/flashing.mp4" type="video/mp4">
-        </video>
+        </video> -->
         <br />
         If you right-click on your avatar, the account panel will automatically open and switch to the related
         subsection (mentions or notifications) and show you the last entries.<br />
         The flashing animation will then automatically stop:<br />
         <br />
-        <video class="content__expand" role="application" loop autoplay>
+        <video class="content__expand clean-outline" autoplay muted loop controls>
             <source src="assets/video/notification.mp4" type="video/mp4">
         </video>
         <br />

src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss

@@ -130,4 +130,13 @@ $footer-height: 30px;
     &__tab {
         padding-left: 10px;
     }
+}
+
+.clean-outline{
+    display: block;
+    &:focus {
+        background: none !important;
+        border: 0px !important;
+        outline: none !important;
+    }
 }