.carousel-caption {
  z-index: 10;
}
.carousel-inner > .item img {
  min-width: 100%;  
  position: relative;
}
.carousel-inner > .item picture:after {
  content: " ";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 100%);  
}

.carousel-indicators li {
  width: 13px;
  height: 13px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(255,255,255,0.75);
  border-radius: 2px;
}
.carousel-indicators li.active {
  width: 13px;
  height: 13px;
  margin: 1px;
  background-color: #65b22e;
}

.carousel-control {
  transition-duration: 0.4s;
}


.carousel-inner h5 {
  color: white;
  font-size: 24px;
}

@media screen and (max-width: 1024px){
  .carousel-inner h5 {
    font-size: 20px;
  }
}

@media screen and (max-width: 500px){
  .carousel-inner h5 {
    font-size: 15px;
  }
  .carousel-indicators li {
    width: 10px;
    height: 10px;  
  }
  .carousel-indicators li.active {
    width: 10px;
    height: 10px;    
  }
  .carousel-caption {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .carousel-inner > .item picture:after {
    background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);  
  }
}