/* iOS background fix */
.is-iOS .pp-block {
  background-attachment: scroll !important;
}

/* Regular blog images */
.css-31r4yu .article-content img[class*="wp-image-"],
[data-css-31r4yu] .article-content img[class*="wp-image-"] {
  max-width: 600px !important;
  width: 100% !important;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Full-width images responsive */
.css-31r4yu .article-content img.full-width-image,
[data-css-31r4yu] .article-content img.full-width-image {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Limit maximum width on large screens */
@media (min-width: 1024px) {
  .css-31r4yu .article-content img.full-width-image,
  [data-css-31r4yu] .article-content img.full-width-image {
    max-width: 1000px !important;
  }
}

/* Mobile-specific override */
@media (max-width: 767px) {
  .css-31r4yu .article-content img.full-width-image,
  [data-css-31r4yu] .article-content img.full-width-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .css-31r4yu .article-content img[class*="wp-image-"],
  [data-css-31r4yu] .article-content img[class*="wp-image-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
