Нужно размыть только фон у блока. Я знаю, что для этого есть свойство backdrop-filter
, но оно плохо поддерживается (в частности firefox).
.block {
filter: brightness(0.4);
background-size: cover;
background-image: url(https://picsum.photos/100);
background-repeat: no-repeat;
background-position: center center;
width: 200px;
height: 200px;
color: white
}
<div class="block">adadwd</div>
Как можно размыть только фон у блока в данном примере?