.header-logo-wrapper {
  @media (max-width: 989px) {
    margin-bottom: 2rem;
    column-gap: 1rem;
  }

  .header-heading-logo {
    grid-area: unset;
  
    .header__heading-logo--image {
      width: 8.8rem;
  
      @media (max-width: 989px) {
        width: 7rem;
      }
    }
  }

  .logo-animation {
    position: relative;
    animation-name: headerLogoAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
}

@keyframes headerLogoAnimation {
  from { top: 2rem; opacity: 0; }
  to { top: 0; opacity: 1; }
}