.hero--about.hero--img-bg {
    background-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0.66),
        rgba(0,0,0,0.33)
        ), url('/assets/im-hardscaping.jpg');
}
.hero--services.hero--img-bg {
    background-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0.66),
        rgba(0,0,0,0.44)
        ), url('/assets/im-planting.jpg');
}
.hero--gallery.hero--img-bg {
    background-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0.66),
        rgba(0,0,0,0.44)
        ), url('/assets/img_lawn-care-and-maintenance-2.webp');
}

.reviews.--img-bg {
    color: #fafafa;
    color: var(--clr-light);
    background-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.7)
        ), url('/assets/img_lawn-care-and-maintenance-2.webp');
    background-position: center;
    background-size: cover;
}

.legal .--img-bg {
    color: #fafafa;
    color: var(--clr-light);
    background-image: linear-gradient(
        to bottom,
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.7)
        ), url('/assets/img_lawn-care-and-maintenance-2.webp');
    background-position: center;
    background-size: cover;
}


/* home page slider */

.hero .slide:nth-of-type(1) {
  background-image: linear-gradient(
      to bottom,
      rgba(0,0,0,0.66),
      rgba(0,0,0,0.33)
      ), url('/assets/im-land-09.jpg');
  background-position: bottom;
  background-size: cover;
}

.hero .slide:nth-of-type(2) {
  background-image: linear-gradient(
      to bottom,
      rgba(0,0,0,0.66),
      rgba(0,0,0,0.33)
      ), url('/assets/im-com.jpg');
  background-position: center;
  background-size: cover;
}

.hero .slide:nth-of-type(3) {
  background-image: linear-gradient(
      to bottom,
      rgba(0,0,0,0.66),
      rgba(0,0,0,0.33)
      ), url('/assets/im-landscape-00.jpg');
  background-position: center;
  background-size: cover;
}

.hero .slide:nth-of-type(4) {
  background-image: linear-gradient(
      to bottom,
      rgba(0,0,0,0.66),
      rgba(0,0,0,0.33)
      ), url('/assets/im-land-08.jpg');
  background-position: bottom;
  background-size: cover;
}