x-flag {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
x-flag.flag-circle {
  width: 1em !important;
  height: 1em !important;
  background-position: center;
  background-size: cover;
  border-radius: 50% !important;
}