diff --git a/public/images/mirotalk-mc.png b/public/images/mirotalk-mc.png
new file mode 100644
index 00000000..58a1f2c4
Binary files /dev/null and b/public/images/mirotalk-mc.png differ
diff --git a/public/views/404.html b/public/views/404.html
index 212d7125..a9f370b0 100755
--- a/public/views/404.html
+++ b/public/views/404.html
@@ -43,7 +43,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="/">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>
diff --git a/public/views/50X.html b/public/views/50X.html
index 256984ab..7feb2cf6 100755
--- a/public/views/50X.html
+++ b/public/views/50X.html
@@ -43,7 +43,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="https://github.com/miroslavpejic85/mirotalksfu">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>
diff --git a/public/views/landing.html b/public/views/landing.html
index ef4338ca..89bde915 100644
--- a/public/views/landing.html
+++ b/public/views/landing.html
@@ -54,10 +54,17 @@
                         <div class="brand header-brand">
                             <div class="m-0">
                                 <a href="/">
-                                    <img
+                                    <!-- <img
                                         class="header-logo-image"
                                         src="../images/logo.svg"
                                         alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
                                     />
                                 </a>
                             </div>
diff --git a/public/views/login.html b/public/views/login.html
index c534fe23..f4003596 100644
--- a/public/views/login.html
+++ b/public/views/login.html
@@ -60,7 +60,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="/">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>
diff --git a/public/views/newroom.html b/public/views/newroom.html
index c1d489e6..739d863e 100755
--- a/public/views/newroom.html
+++ b/public/views/newroom.html
@@ -54,7 +54,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="/">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>
diff --git a/public/views/permission.html b/public/views/permission.html
index b4702350..7f8942d1 100755
--- a/public/views/permission.html
+++ b/public/views/permission.html
@@ -46,7 +46,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="/">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>
diff --git a/public/views/privacy.html b/public/views/privacy.html
index 1e974206..de9776e7 100755
--- a/public/views/privacy.html
+++ b/public/views/privacy.html
@@ -43,7 +43,18 @@
                         <div class="brand header-brand">
                             <h1 class="m-0">
                                 <a href="/">
-                                    <img class="header-logo-image" src="../images/logo.svg" alt="Logo" />
+                                    <!-- <img
+                                        class="header-logo-image"
+                                        src="../images/logo.svg"
+                                        alt="mirotalksfu-webrtc-logo"
+                                    /> -->
+                                    <img
+                                        class="header-logo-image reveal-from-left"
+                                        src="../images/mirotalk-mc.png"
+                                        alt="mirotalksfu-webrtc-logo"
+                                        width="96"
+                                        height="auto"
+                                    />
                                 </a>
                             </h1>
                         </div>