.logo-lockup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  row-gap: 2rem;
}

.logo-lockup > * {
  height: var(--logoHeight, 3rem);
  display: flex;
  align-items: center;
  transition: opacity 0.5s, filter 0.5s, height 0.5s;
}

.logo-lockup > * > img {
  height: 100%;
  width: auto;
  background: transparent;
}

.logo-lockup > a:hover {
  opacity: 0.5;
}