.outer {
  width: 600px;
  height: 200px;
  margin: 0 auto;
}
.container {
  width: 325px;
  float: center;
  height: 200px;
}

.education-img{
  background-image: url(../../../default/files/images/educationBW.jpg);
  background-size: cover;
  width 100%;
}

.medical-img{
  background-image: url(../../../default/files/images/medicalBW.jpg);
  background-size: cover;
  width 100%;
}

.water-img{
  background-image: url(../../../default/files/images/cleanwaterBW.jpg);
  background-size: cover;
  width 100%;
}


.highcharts-yaxis-grid .highcharts-grid-line {
  display: none;
}

@media (max-width: 600px) {
  .outer {
    width: 100%;
    height: 400px;
  }
  .container {
    width: 325px;
    float: none;
    margin: 0 auto;
  }

}