/* Insight 03: WordPress market readiness */
.insight-readiness-hero {
  background:
    linear-gradient(90deg, rgba(243,243,241,1) 0%, rgba(243,243,241,.98) 33%, rgba(243,243,241,.72) 46%, rgba(243,243,241,0) 66%),
    url("/assets/resources/wordpress-market-readiness-hero.webp") center right / cover no-repeat;
}

.insight-readiness-hero .insight-visual {
  min-height: 700px;
  background: transparent;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .insight-readiness-hero {
    background:
      linear-gradient(180deg, rgba(243,243,241,1) 0%, rgba(243,243,241,.98) 47%, rgba(243,243,241,.38) 68%, rgba(243,243,241,0) 100%),
      url("/assets/resources/wordpress-market-readiness-hero.webp") 68% bottom / 132% auto no-repeat;
  }
  .insight-readiness-hero .insight-visual { min-height: 540px; }
}

@media (max-width: 700px) {
  .insight-readiness-hero {
    background:
      linear-gradient(180deg, rgba(243,243,241,1) 0%, rgba(243,243,241,1) 52%, rgba(243,243,241,.55) 70%, rgba(243,243,241,0) 100%),
      url("/assets/resources/wordpress-market-readiness-hero.webp") 72% bottom / 165% auto no-repeat;
  }
  .insight-readiness-hero .insight-visual { min-height: 390px; }
}