/* .prose.ck-content,
.ck-content,
.prose .ck-content,
.prose {} */

.prose.ck-content img[style*="float"],
.prose img[style*="float"],
.ck-content img[style*="float"],
img[style*="float"] {
  max-width: 100%;
  height: auto !important;
}

/* .prose.ck-content .image-style-align-left,
.prose.ck-content .image-style-align-right,
.prose.ck-content .image-style-align-center,
.prose .image-style-align-left,
.prose .image-style-align-right,
.prose .image-style-align-center,
.ck-content .image-style-align-left,
.ck-content .image-style-align-right,
.ck-content .image-style-align-center {} */

@media (max-width: 768px) {

  .prose.ck-content img[style*="float"],
  .prose img[style*="float"],
  .ck-content img[style*="float"],
  img[style*="float"] {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    clear: both !important;
  }

  .prose.ck-content figure.image-style-align-left,
  .prose.ck-content figure.image-style-align-right,
  .prose.ck-content figure.image-style-align-center,
  .prose figure.image-style-align-left,
  .prose figure.image-style-align-right,
  .prose figure.image-style-align-center,
  .ck-content figure.image-style-align-left,
  .ck-content figure.image-style-align-right,
  .ck-content figure.image-style-align-center {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    clear: both !important;
  }

  .prose.ck-content img.image-style-align-left,
  .prose.ck-content img.image-style-align-right,
  .prose.ck-content img.image-style-align-center,
  .prose img.image-style-align-left,
  .prose img.image-style-align-right,
  .prose img.image-style-align-center,
  .ck-content img.image-style-align-left,
  .ck-content img.image-style-align-right,
  .ck-content img.image-style-align-center {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    clear: both !important;
  }

  .prose.ck-content * {
    clear: none;
  }

  .prose.ck-content::after,
  .ck-content::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
  }
}
