Server-side Insertion with Filter

Hi,

In the general settings, the client-side insertion method is set.
How can I set the server-side method to insert only certain blocks?
And that they should be inserted after a certain paragraph number.

I know that the server-side method works when using a Filter.

I should first insert code-block-nn by client-side method into required paragraph and then insert code-block-mm by server-side method right after it through Filter, selecting necessary paragraphs with code-block-nn in their divs.

So, the client-side method inserts code-block-1, code-block-2, and code-block-3 after paragraphs 1, 2, and 3.
Immediately after these blocks, the corresponding blocks code-block-10, code-block-20, and code-block-30 must be inserted using the server-side method.
In other words, in the following scheme: code-block-1 –> code-block-10, code-block-2 –> code-block-20, code-block-3 –> code-block-30.

The code for the server-side insertion is as follows:

[ADINSERTER VIEWPORT="Desktop"]

<div>
<p>--- TEST 1 D ---</p>
</div>

[ADINSERTER VIEWPORT="Phone"]

<div>
<p>--- TEST 1 M ---</p>
</div>

[ADINSERTER COUNT]

[ADINSERTER VIEWPORT="Desktop"]

<div>
<p>--- TEST 2 D ---</p>
</div>

[ADINSERTER VIEWPORT="Phone"]

<div>
<p>--- TEST 2 M ---</p>
</div>

[ADINSERTER COUNT]

[ADINSERTER VIEWPORT="Desktop"]

<div>
<p>--- TEST 3 D ---</p>
</div>

[ADINSERTER VIEWPORT="Phone"]

<div>
<p>--- TEST 3 M ---</p>
</div>

The paragraph selection settings are the following two to choose from.

But nothing works, regardless of the Insert only in the loop setting.