.carousel-items { /* carousel container*/
  /*max-width: 75%;*/
  /*position: relative;*/
  /*margin: auto;*/
}

.text { /* carousel information*/
  /*color: tan;*/
  /*font-size: 15px;*/
  /*padding: 8px 12px;*/
  /*position: absolute;*/
  /*bottom: 8px;*/
  /*width: 75%;*/
  /*text-align: center;*/
}

.numbertext { /* carousel information*/
  /*color: tan;*/
  /*font-size: 12px;*/
  /*padding: 8px 12px;*/
  /*position: absolute;*/
  /*top: 0;*/
}

.dot { /* carousel position index*/
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: rgb(214, 214, 214);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active { /* carousel position*/
  background-color: rgb(17, 17, 17);
}

.fade { /* carousel animation*/
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade { /* carousel animation*/
  from {opacity: .4} 
  to {opacity: 1}
}