/* Media alignment classes */
.media-center {
  display: table;
  margin-inline: auto;
}
[dir='rtl'] .media-left {
  float: inline-start;
}
.media-left {
  float: inline-start;
  margin-inline: 0 1em;
  margin-block-end: 1em;
}
[dir='rtl'] .media-right {
  float: inline-end;
}
.media-right {
  float: inline-end;
  margin-inline: 1em 0;
  margin-block-end: 1em;
}
figure {
  inline-size: fit-content;
  img {
    display: block;
  }
  figcaption {
    contain: inline-size;
  }
}