.agile__dots {
  bottom: 5vw;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.agile__dot {
  margin: 0 10px;
}
.agile__dot button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 10px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  transition-duration: 0.3s;
  width: 10px;
}
.agile__dot--current button, .agile__dot:hover button {
  background-color: #fff;
}

.slide {
  display: block;
  height: 26.737rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@media (min-width: 768px) {
  .slide {
    height:41.66vw;
  }
  .agile__dots {
    bottom: 2.927vw;
  }

}