.b-slider {
  background-color: #f7f7f7;
  overflow-x: hidden;
  min-width: 100%;
  outline: 0;
}
.b-slider:hover .b-slider__img {
  filter: grayscale(1) contrast(0) blur(1px);
}
.b-slider__slide {
  text-align: center;
  width: 15rem;
  height: 8rem;
  display: flex;
  align-items: center;
}
.b-slider__ref {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-slider__ref:hover .b-slider__img {
  filter: unset;
}

.b-slider__img{
    max-width: 240px !important;
    max-height: 120px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (max-width: 767px) {
  .b-slider__slide {
    text-align: center;
    width: 17rem;
    height: 8rem;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 556px) {
  .b-slider__slide {
    text-align: center;
    width: 9rem;
    height: 8rem;
    display: flex;
    align-items: center;
  }
    .b-slider__img {
        max-width: 140px !important;
        max-height: 120px !important;
    }
}