diff --git a/resources/css/layout/nav.css b/resources/css/layout/nav.css
index c763dc6..d9e047c 100644
--- a/resources/css/layout/nav.css
+++ b/resources/css/layout/nav.css
@@ -3,7 +3,32 @@ header {
 }
 
 .website_logo {
-  @apply w-72 h-auto;
+  @apply w-72 h-auto relative;
+
+  #secondary-logo {
+    @apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out;
+  }
+  &.has-secondary-logo {
+    .custom-logo-link,
+    #secondary-logo {
+      @apply transition-opacity duration-300 ease-out;
+    }
+    .custom-logo-link {
+      @apply opacity-100;
+    }
+    #secondary-logo {
+      @apply opacity-0 pointer-events-none;
+    }
+  }
+
+  &.has-secondary-logo:hover {
+    .custom-logo-link {
+      @apply opacity-0;
+    }
+    #secondary-logo {
+      @apply opacity-100;
+    }
+  }
 }
 
 .tools-container {