/* Keep article images aligned the same way they are saved in the rich-text editor. */
.rich-content .article-image,
.article-content .article-image {
  display: block;
  max-width: 100% !important;
}

.rich-content .article-image.image-center,
.article-content .article-image.image-center {
  margin-right: auto;
  margin-left: auto;
}

.rich-content .article-image.image-right,
.article-content .article-image.image-right {
  margin-right: 0;
  margin-left: auto;
}

.rich-content .article-image.image-left,
.article-content .article-image.image-left {
  margin-right: auto;
  margin-left: 0;
}

.rich-content p[style*="text-align"][style*="center"] > img,
.article-content p[style*="text-align"][style*="center"] > img {
  margin-right: auto;
  margin-left: auto;
}

.rich-content p[style*="text-align"][style*="right"] > img,
.article-content p[style*="text-align"][style*="right"] > img {
  margin-right: 0;
  margin-left: auto;
}

.rich-content p[style*="text-align"][style*="left"] > img,
.article-content p[style*="text-align"][style*="left"] > img {
  margin-right: auto;
  margin-left: 0;
}