.latest-news {
  background: url("/~/media/Images/G/Grafton-Group/grafton-pattern-images/news-pattern.svg") no-repeat;
  background-size: 100%;
  padding: 1.8rem 0 4.8rem;
}
.latest-news .large-text {
  margin-bottom: 1.2rem;
}
.latest-news .card {
  margin-bottom: 1.6rem;
}
.latest-news__card-list {
  gap: 1.6rem;
}
.latest-news__cta-wrapper {
  margin-top: 4.2rem;
}

@media (min-width: 768px) {
  .latest-news {
    background-size: auto;
    background-position: 0 40%;
    padding: 1.8rem 0 6.4rem;
  }
  .latest-news .large-text {
    margin-bottom: 1.8rem;
  }
  .latest-news .card {
    margin-bottom: 4rem;
  }
  .latest-news__card-list {
    gap: 4rem;
  }
  .latest-news__cta-wrapper {
    margin-top: 6rem;
  }
}
@media (min-width: 1200px) {
  .latest-news {
    background-position: bottom left;
    padding: 1.8rem 0 9.6rem;
  }
  .latest-news .large-text {
    line-height: 82%;
    margin-bottom: 5.6rem;
    margin-left: -2.2rem;
  }
  .latest-news__cta-wrapper {
    margin-top: 5.8rem;
  }
  .latest-news .card {
    margin-bottom: 0;
    height: 100%;
  }
  .latest-news__card-list {
    gap: 1.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}