.carousel-center-mode .slick-slide {
  transform: scale(0.7);
  opacity: 0.3;
  transition: transform 0.5s ease, opacity 0.5s ease;
  overflow: hidden;
}

.carousel-center-mode .slick-center {
  overflow: hidden;
  transform: scale(1);
  opacity: 1;
  z-index: 100;
}

.carousel-center-mode .slick-slide img {
  border-radius: 5vh;
}

.carousel-center-mode .carousel-img {
  width: 100%;
}

.slick-dots {
  bottom: -70px;
  scale: 1.8;
}
.carousel-center-mode button {
  background-color: transparent;
}
.slick-prev{
  left: 0 !important;
}

.slick-next{
  right: 0 !important;
}

.slick-prev, .slick-next {
  z-index: 1;
  color: black;
  font-size: 55px;
  opacity: 1;
}

.slick-prev::before {
  color: gray;
  content: "❮";
  font-family: cursive;
  margin-right: -18vw !important;
  font-size: 55px;
  color: black;
  opacity: 1;
}

.slick-next::before {
  color: blueviolet;
  content: "❯";
  font-family: cursive;
  margin-top: -2vh;
  margin-left: -18vw;
  font-size: 55px;
  color: black;
  opacity: 1;
}