.heraldry :first-child img {
  border: 1px solid gray;
}

.heraldry img.flag {
  width: auto;
  max-width: 80%;
  height: auto;
}

.heraldry img.coat {
  width: auto;
  max-width: 50%;
  height: auto;
}

@media screen and (min-width: 576px) {
  .heraldry img.flag,
  .heraldry img.coat {
    height: 240px;
    width: auto;
  }
}

@media screen and (min-width: 1350px) {
  .heraldry div,
  table {
    min-width: 650px;
  }
}