fix: various fixes, add microphone active border etc

src/components/modals/welcome/WelcomeSections.jsx

@@ -125,7 +125,7 @@ export default class WelcomeSections extends PureComponent {
         <h3 className="quicktip">#shareyourmue</h3>
         <div className="examples">
           <img
-            src={this.welcomeImages[this.state.welcomeImage]}
+            src={`./welcome-images/example${this.state.welcomeImage + 1}.webp`}
             alt="Example Mue setup"
             draggable={false}
           />

src/components/modals/welcome/welcome.scss

@@ -204,11 +204,6 @@ a.privacy {
   }
 }
 
-.showcaseimg {
-  width: 350px;
-  height: auto;
-}
-
 @media (max-width: 1820px) and (min-width: 1200px) {
   .welcomemodal {
     width: 85%;
@@ -272,3 +267,22 @@ a.privacy {
     height: 40px;
   }
 }
+
+.showcaseimg {
+  width: 350px;
+  height: auto;
+  /*animation-name: float-in;
+  animation-duration: 1.2s;
+  animation-timing-function: ease-in;*/
+}
+
+@keyframes float-in {
+  0% { 
+    transform: translate(0,  30px); 
+    opacity: 0;
+  }
+  100%   { 
+    transform: translate(0, 0px); 
+    opacity: 1;
+  }   
+}