.blog-hero {
  width: 100%;

  .bg-image {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;

    .mask {
      width: 100%;
      height: 100%;
      background: linear-gradient(0.528turn, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0));
      display: flex;
      justify-content: center;
      align-items: center;

      .content-container {
        text-align: center;
        color: white;
        padding: 20px;

        .main-heading {
          font-size: 2.5rem;
          color: white;
          margin: 20px 0;
        }
      }
    }
  }

  // Media Queries for Responsiveness
  @media (max-width: 768px) {
    .bg-image {
      height: 300px;

      .content-container {
        .main-heading {
          font-size: 2rem !important;
        }
      }
    }
  }

  @media (max-width: 575px) {
    .bg-image {
      height: 200px;

      .content-container {
        .main-heading {
          font-size: 1.5rem !important;
          line-height: 1.7rem;
  
        }
      }
    }
  }
}
