Blur on Hover

Ejemplo de hover en una lista de cajas/tarjetas que se le aplica el efecto de blur para destacar el seleccionado.

HTML 
<div class="wrapper">
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
</div>
CSS 
.wrapper {
  display: flex;
  gap: 5px;
}
.card {
  width: 70px;
  height: 100px;
  background-color: red;
  border-radius: 3px;
}

.wrapper:hover > :not(:hover) {
  filter: blur(5px);
  opacity: 0.5;
}