.hero_banner_rotating_images {
  position: relative;
  text-align: center;
  z-index: -1;
  margin-bottom: -1px;
  padding-bottom: 30px;
  cursor: pointer;
  overflow: hidden;
}

.keen-slider {
  overflow: hidden;
}

.keen-slider__slide {
  flex: 0 0 100%; /* Each slide takes up 100% of the container width */
}
@media (max-width: 767px) {
  .health-benefits-range-individual .keen-slider__slide {
    border:1px solid #c2c2c2;
  }
}