css url replacement in quick css

Hi!
I’ve got a problem with the css performance compression option. I’m defining clip paths in an inline svg, which gets placed in the beginning after the body tag by my child theme. When I want to use the svg clip paths in my design I’m adding this to my quick css:

.avia-section.projects:before {
  clip-path: url(#above);
  -webkit-clip-path: url(#above);
}
.avia-section.projects:after {
  clip-path: url(#below);
  -webkit-clip-path: url(#below);
}

The outcome in the frontend sadly looks like this:

.avia-section.projects:before {
    clip-path: url(https://example.com/wp-content/uploads/dynamic_avia/#above);
    -webkit-clip-path: url(https://example.com/wp-content/uploads/dynamic_avia/#above);
}
.avia-section.projects:after {
    clip-path: url(https://example.com/wp-content/uploads/dynamic_avia/#above);
    -webkit-clip-path: url(https://example.com/cms/wp-content/uploads/dynamic_avia/#above);
}

Is there a way to deactivate that path replacement for the quick css? Or is there a way to deactivate the compression just for the quick css? I just need a place where no url path gets replaced by the compression.

Thanks a lot in advance for your help!