.carousel {
  position: relative;
}
.carousel .slick-dots {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 99;
}
.carousel .slick-dots li {
  margin-right: 3px;
}
.carousel .slick-dots button {
  font-size: 0;
  color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 1px solid #888888;
  background: #fff;
  padding: 0;
}
.carousel .slick-dots .slick-active button {
  background: #00C4FF;
}
.carousel__slide {
  position: relative;
}
.carousel__slide figure {
  display: flex;
  flex-direction: column-reverse;
}
.carousel__slide__caption {
  background: #F5F5F5;
  padding: 25px;
}
@media (min-width: 780px) {
  .carousel__slide__caption {
    position: absolute;
    bottom: 25px;
    left: 25px;
    max-width: 450px;
  }
}