How to make a decorative svg element?

Question

css

Good afternoon! Help with the layout of the decorative element. Link to codepen: https://codepen.io/eniluck/pen/wLKjOX
Description:
There is an svg image that should be a decorative element after the main background below the parent block. The problem appears when zooming in the browser. (Press ctrl and turn the wheel.)
I made a gif for understanding: eniluck.ru/2019-06-14_10-45-17.gif

Answer 1

I usually take cunning in such cases ...

.test2::after {
    bottom: -2px;
}