.custom-slider .splide__list{
  gap: 20px;
}

.custom-slider .splide__list .splide__slide img{
  border-radius: 30px;
  filter: grayscale(1);
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.custom-slider .splide__list .splide__slide:hover img{
  filter: grayscale(0);
}


@media screen and (max-width: 480px) {
  .custom-slider .splide__list .splide__slide{
    margin: 0 auto !important;
    width: 80% !important;
  }

  .custom-slider .splide__list .splide__slide{
    margin-right: 0px !important;
    
  }
}