logo.html

<section class="logo">
  <aside class="logo-container">
    <svg src="<bildet>" />
  </aside>
  <section class="text">
    <span class="upper">Finanstilsynet</span>
    <span class="lower">The financial....</span>
  </section>
</section>

<!-- CSS -->
<style>
  .logo, .logo-container, .text {
    display: flex;
  }
  
  .logo {
    height: 60px; /* eller hvor høyt dere vil */
    transition: height .2s ease-out;
  }
  
  /* lagt til når man scroller ned */
  .logo.fixed {
    height: 30px;
  }
  
  .logo-container {
    width: 30%;
    border-right: 1px solid #000;
  }
  
  .logo-container svg { 
    align-self: flex-end; /* så den står på bunnen */
    transform: translate3d(0, -5px, 0); /* så den går over kanten */ 
  }
</style>