.brand {
  display: inline-flex;
  align-items: center;
  height: 82px;
}

.brand-logo-crop {
  display: block;
  position: relative;
  width: 60px;
  height: 68px;
  overflow: hidden;
}

.brand-logo-crop img {
  position: absolute;
  display: block;
  width: 148px;
  height: 148px;
  max-width: none;
  left: -41px;
  top: -28px;
}

@media (max-width: 900px) {
  .brand { height: 70px; }
  .brand-logo-crop { width: 55px; height: 64px; }
  .brand-logo-crop img {
    width: 138px;
    height: 138px;
    left: -39px;
    top: -26px;
  }
}

.footer-logo-crop {
  display: block;
  position: relative;
  width: 100px;
  height: 145px;
  overflow: hidden;
}

.footer-logo-crop img {
  position: absolute;
  width: 230px;
  height: 230px;
  max-width: none;
  left: -60px;
  top: -43px;
  filter: invert(1);
  mix-blend-mode: screen;
}