#slideshow {
  overflow: hidden;
  height: max-content;
}
.slide-wrapper {
  width: 12760px;
  overflow: hidden;
}
.slide {
  float: left;  
  opacity:1;
  transition: opacity 0.4s; 
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}
.slide.fadeOut {
  opacity:0;
}