.about-page .hero, 
.services-page .hero, 
.solutions-page .hero, 
.contact-page .hero {
  overflow: hidden;
}

.about-page .hero .hero-background, 
.services-page .hero .hero-background, 
.solutions-page .hero .hero-background, 
.contact-page .hero .hero-background {
  top: 40px;
}

.about-page .hero .hero-img, 
.services-page .hero .hero-img, 
.solutions-page .hero .hero-img,
.contact-page .hero .hero-img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left bottom;
  height: 400px;
  webkit-filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.about-page .hero .hero-img {
  background-image: url("../img/about-pic.svg");
}

.services-page .hero .hero-img {
  background-image: url("../img/services-img.svg");
}

.solutions-page .hero .hero-img {
  background-image: url("../img/solutions-img.svg");
}

.contact-page .hero .hero-img {
  background-image: url("../img/contact-img.svg");

}