/* Keep the emblem square at every viewport size. */
.emblem-image {
  width: min(100%, 390px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.emblem-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

@media (max-width: 680px) {
  .emblem-image {
    width: min(70vw, 270px);
  }
}