.brand-mark {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  flex: 0 0 32px;
  border-radius: 7px;
  background: #000;
}

.brand-mark img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220%;
  height: 220%;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
}