.page-hero--blog {
  background-image:
    linear-gradient(
      90deg,
      rgba(6, 23, 45, 0.96) 0%,
      rgba(6, 23, 45, 0.86) 38%,
      rgba(6, 23, 45, 0.48) 62%,
      rgba(6, 23, 45, 0.12) 100%
    ),
    url("../images/primecore-blog-hero.webp");
  background-position: center, right center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 600px) {
  .page-hero--blog {
    background-image:
      linear-gradient(
        90deg,
        rgba(6, 23, 45, 0.97) 0%,
        rgba(6, 23, 45, 0.9) 52%,
        rgba(6, 23, 45, 0.58) 100%
      ),
      url("../images/primecore-blog-hero.webp");
    background-position: center, 68% center;
  }
}