.brand {
  width: clamp(13.5rem, 20vw, 17rem);
}

.brand img.brand-logo {
  display: block;
  width: 100%;
  height: 4.5rem;
  object-fit: cover;
  object-position: center;
}

.footer-brand img.brand-logo {
  display: block;
  width: min(100%, 20rem);
  height: 5.25rem;
  object-fit: cover;
  object-position: center;
  filter: none;
  background: #fff;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 0.25rem;
}

@media (width <= 1120px) {
  .brand {
    width: 13rem;
  }

  .brand img.brand-logo {
    height: 3.6rem;
  }
}

@media (width <= 700px) {
  .brand {
    width: 10.5rem;
  }

  .brand img.brand-logo {
    height: 2.85rem;
  }

  .footer-brand img.brand-logo {
    width: min(100%, 17rem);
    height: 4.5rem;
  }
}