.swiper-slide {
  opacity: .3; /* 左右のスライドを薄くする */
  transform: scale(.9); /* 左右のスライドを小さくする */
  transition: .7s; /* ゆっくり小さくさせる */
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}

.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #ccc; //ここに変更する色を指定
}