design: move logo below header strip, scrolls with page

app/static/style.css

@@ -41,6 +41,17 @@ body {
   height: 32px;
   width: auto;
 }
+.page-logo-wrap {
+  display: flex;
+  justify-content: center;
+  padding: 1.5rem 0 0.5rem;
+  position: relative;
+  z-index: 5;
+}
+.page-logo {
+  height: clamp(3rem, 8vw, 5rem);
+  width: auto;
+}
 .panel {
   background: var(--card);
   padding: 1.25rem;

app/templates/dashboard.html

@@ -32,9 +32,7 @@
 </div>
 
   <header class="header">
-    <div class="header-left">
+    <div class="header-left"></div>
-      <img src="/static/logo.png" alt="MONT" class="header-logo" />
-    </div>
     <div class="header-right">
       <span class="header-username">{{ user.username }}</span>
       {% if user.is_admin %}
@@ -45,6 +43,9 @@
       </form>
     </div>
   </header>
+  <div class="page-logo-wrap">
+    <img src="/static/logo.png" alt="MONT" class="page-logo" />
+  </div>
   <main class="admin-layout">
     <section class="panel">
       <div class="admin-intro">Добро пожаловать в инфраструктурную песочницу</div>