.inactive-image {
  opacity: 0.6; /* Или другой уровень затемнения */
  filter: grayscale(100%); /* Или обесцветить */
}
/* Для эффекта при наведении на активный */
.active-item:hover .inactive-image {
  opacity: 1;
  filter: none;
}