#insights {
  padding: 100px 0;
  background: url(../img/insights/insights-bg.png) left -10% top -20vh no-repeat,
    url(../img/insights/insights-bg.png) right -10% top 20vh no-repeat,
    url(../img/insights/insights-bg.png) left -14% bottom 20vh no-repeat,
    url(../img/insights/insights-bg.png) right -10% bottom -20vh no-repeat;
  background-size: 20% auto; /* Apply background size for all backgrounds */
}

#insights span.date {
  font-family: "Rheem Sans Light";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  display: inline-block;
}

#insights .insights-title {
  font-family: "Rheem Sans Light";
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #000000;
  margin: 30px 0;
}

@media only screen and (max-width: 991px) {
  #insights {
    padding: 50px 0;
    background: url(../img/insights/insights-bg.png) left -100px top -100px
        no-repeat,
      url(../img/insights/insights-bg.png) right -100px top 600px no-repeat,
      url(../img/insights/insights-bg.png) right -100px bottom -100px no-repeat;
    background-size: 200px 200px;
  }
  #insights img {
    max-width: 113px;
  }
  #insights span.date {
    margin-top: 30px;
  }

  #insights .insights-title {
    font-size: 16px;
    line-height: 26px;
  }
}