.officer-card {
  --officer-emblem-width: 76px;

  grid-template-columns: var(--officer-emblem-width) minmax(0, 1fr) auto;
}

.officer-emblem {
  display: grid;
  place-items: center;
  width: var(--officer-emblem-width);
  aspect-ratio: 12 / 13;
  overflow: visible;
  background: transparent;
  filter: drop-shadow(0 5px 7px rgba(4, 31, 56, 0.2));
}

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

@media (max-width: 650px) {
  .officer-card {
    --officer-emblem-width: 64px;

    grid-template-columns: var(--officer-emblem-width) minmax(0, 1fr);
  }
}