.hero-quote {
  background:
    linear-gradient(90deg, rgba(20, 22, 31, 0.96) 0%, rgba(32, 35, 111, 0.86) 42%, rgba(0, 110, 166, 0.42) 100%),
    linear-gradient(135deg, rgba(20, 22, 31, 0.72), rgba(0, 162, 233, 0.14)),
    url("../images/hero-quote-background.jpg") center / cover no-repeat;
}

.hero-contact {
  background:
    linear-gradient(90deg, rgba(20, 22, 31, 0.96) 0%, rgba(32, 35, 111, 0.86) 42%, rgba(0, 110, 166, 0.42) 100%),
    linear-gradient(135deg, rgba(20, 22, 31, 0.72), rgba(0, 162, 233, 0.14)),
    url("../images/hero-contact-background.jpg") center / cover no-repeat;
}

.hero-portfolio {
  background:
    linear-gradient(90deg, rgba(20, 22, 31, 0.96) 0%, rgba(32, 35, 111, 0.82) 43%, rgba(0, 110, 166, 0.34) 100%),
    linear-gradient(135deg, rgba(20, 22, 31, 0.64), rgba(0, 162, 233, 0.12)),
    url("../images/hero-portfolio-background.jpg") center / cover no-repeat;
}

.hero-blog {
  background:
    linear-gradient(90deg, rgba(20, 22, 31, 0.97) 0%, rgba(32, 35, 111, 0.84) 42%, rgba(0, 110, 166, 0.32) 100%),
    linear-gradient(135deg, rgba(20, 22, 31, 0.66), rgba(0, 162, 233, 0.12)),
    url("../images/hero-blog-background.jpg") center / cover no-repeat;
}