.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.brand::before {
  content: "";
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  background: url("../images/athletico-emblem.png") center / contain no-repeat;
  filter: grayscale(1) brightness(1.7);
  opacity: 0.82;
}

@media (max-width: 620px) {
  .brand { gap: 7px; }
  .brand::before { width: 24px; height: 24px; flex-basis: 24px; }
}