.page-content,
.editor-content {
  clear: both;
  width: 100%;
}

.page-content::after,
.editor-content::after {
  content: "";
  display: block;
  clear: both;
}

.page-content figure,
.editor-content figure,
.page-content .image,
.editor-content .image,
.page-content .image-style-side,
.editor-content .image-style-side,
.page-content .image-style-align-left,
.editor-content .image-style-align-left,
.page-content .image-style-align-right,
.editor-content .image-style-align-right {
  margin: 0 0 24px;
  max-width: 100%;
}

.page-content img,
.editor-content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

.page-content figure.image > img,
.editor-content figure.image > img {
  width: 100%;
}

@media (min-width: 768px) {
  .page-content .image-style-align-left,
  .editor-content .image-style-align-left {
    float: left;
    max-width: min(48%, 520px);
    margin: 0 28px 20px 0;
  }

  .page-content .image-style-align-right,
  .editor-content .image-style-align-right,
  .page-content .image-style-side,
  .editor-content .image-style-side {
    float: right;
    max-width: min(48%, 520px);
    margin: 0 0 20px 28px;
  }

  .page-content .image-style-align-center,
  .editor-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .page-content figure,
  .editor-content figure,
  .page-content .image,
  .editor-content .image,
  .page-content .image-style-side,
  .editor-content .image-style-side,
  .page-content .image-style-align-left,
  .editor-content .image-style-align-left,
  .page-content .image-style-align-right,
  .editor-content .image-style-align-right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
  }

  .page-content img,
  .editor-content img {
    width: 100%;
  }
}