.cards__card__img.swiper-slide .bg-image{
  filter: grayscale(1);
  transition: all .3s;
}
.cards__card__img.swiper-slide .bg-image{
background-size: contain;
    height: 120px;
    width: 235px;
    display: block !important;
    background-position: center;
    background-repeat: no-repeat;
}
.cards__card__img.swiper-slide.swiper-slide-active + .cards__card__img.swiper-slide.swiper-slide-next + .cards__card__img.swiper-slide.swiper-slide .bg-image{
 filter: grayscale(0);
  transition: all .3s;
}
.card {
  align-content: flex-start;
}
.cards__card__img {
  align-items: center;
  align-self: stretch;/*flex-start*/
  display: flex;
  flex-wrap: wrap;
  margin:15px;
  justify-content: center; /* CENTER CARDS 25TH JULY 23
}
.cards__card__img a {
  display: flex;
}
.card__image {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  align-self: flex-start;
}
.card__text {
  padding: 20px;
  text-align: center;
  width: 100%;
  align-self: flex-start;
}
h4.card__title {
  margin:0;
}
.card__text a{
  font-size:.9em;
  text-decoration:none;
}
.swiper-pagination-bullet { 
  margin: 0px 2px;
}


/* Medium devices (tablets, 768px and up) */
/* medias */
/* XS */
@media (max-width: 767px){
  .cards__card__img{justify-content: center;}
}
/* Small devices (landscape phones, 576px and up) */