/* 1. DESKTOP FIX: Blog & Homepage Hero (Screens 1024px and up) */
@media only screen and (min-width: 1024px) {
  .sc-content img:first-of-type, 
  .blog-entry img:first-of-type,
  .hero-section img {
      min-height: 450px !important;
      width: 100% !important;
      height: auto !important;
      display: block !important;
      background-color: #f4f4f4 !important;
  }
}

/* 2. MOBILE FIX: Homepage Hero (Screens below 1024px) */
@media only screen and (max-width: 1023px) {
  /* Targets the hero image to prevent the 0.283 CLS shift */
  .hero-section img,
  .sc-hero__image,
  .sc-content img:first-of-type {
      min-height: 250px !important; /* Holds space so text doesn't jump */
      width: 100% !important;
      height: auto !important;
      display: block !important;
      background-color: #f4f4f4 !important;
  }
}