.brand-symbol,
.brand-mark {
  border: 1px solid #eab72f;
  border-radius: 50%;
  box-shadow: 0 0 14px #f0b90b50;
  overflow: hidden;
  flex: 0 0 auto;
}

.brand-symbol img,
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.join-mark img {
  display: block;
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border: 1px solid #f0b90b;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 24px #f0b90b80;
}

@media (max-width: 700px) {
  .join-mark img { width: 46px; height: 46px; }
}