.logo {
  display: block;
  flex-shrink: 0;
  width: 16vw;
  aspect-ratio: 558 / 97;
  background: url("../../assets/icons/logo.png") center / contain no-repeat;
}

.logo--inverse {
  background-image: url("../../assets/icons/logo-white.png");
}

@media (max-width: 1024px) {
  .logo {
    width: 220px;
  }
}

@media (max-width: 576px) {
  .logo {
    width: 180px;
  }
}