.brand {
  display: flex;
  align-items: center;
  font: inherit;
}

.brand img {
  display: block;
  width: 190px;
  max-height: 64px;
  object-fit: contain;
}

.footer-brand {
  display: block;
  font: inherit;
}

.footer-brand img {
  display: block;
  width: clamp(190px, 24vw, 330px);
  height: auto;
  filter: grayscale(1) invert(1);
  opacity: 0.96;
}

@media (max-width: 720px) {
  .brand img {
    width: 150px;
    max-height: 50px;
  }
}