.carousel-item {
  text-align: center;
}
.carousel-indicators {
  align-items: center;
  bottom: -15px;
}

.carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #fff;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: #afafaf;
  background-clip: padding-box;
  border-radius: 100%;
}

.project {
  width: 180px;
  height: 180px;
  object-fit: contain;
}

#tour {
  width: 50%;
  object-position: bottom;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .myppp {
    text-align: center;
  }
  .carousel-indicators {
    display: none;
  }
}