Как убрать наследование filter svg для дочерних элементов?

Question

[rotFRONT1]

Пытаюсь сделать "рваные" края у блока, использую filter svg. Но он применяется так же ко всем дочерним элементам.
Пример: https://codepen.io/aleksandr2/pen/bGoGEbG

Как сделать что бы текст был без этого фильтра?

Answer 1

[RAX7]

.combined {
  position: relative;
  padding: 50px;
  width: 400px;
  z-index: 0;
}

.combined::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 7px;
  filter: url(#combined);
  z-index: -1;
}