.slide {
  text-align: center;
  position: relative;
}
.slide img {
  width: 65%;
  margin-bottom: 15px;
}
.slide span {
  position: absolute;
  background-color: #3f77bd;
  top: calc(50% - 1rem - 18px);
  padding: 5px;
  outline: 1px solid #d7d7d7;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.slide span i {
  color: #fff;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
@media screen and (max-width: 480px) {
  .slide img {
    width: 100%;
  }
}