How would you design such elements on the site?

Question

css

Good day!
I don’t know how to correctly (and even how incorrectly) make up one moment. Link: i.piccy.info/i9/3f6d5fbda7ab3cff413ee66502d46542/1...
This refers to the triangles on the sides of the site. The difficulty is that they are simultaneously on two different sections, which have a different background + layout in width 1920px, respectively, if the screen is 1366px, then they should be barely visible, only the tips, and not completely.
I hope I explained clearly. Thank you!

Answer 1

There are several ways:
1. Use :before,:after, set 100% height for them (that is, we attach pseudo-elements to the body), for these pseudo-elements already add background-image parameters, and so on. Well, in fact, we hide all this with the help of (left: -50%; right: -50% {values ​​change}). Actually everything.
2. Everything is the same, just cut the triangles and attach each to the desired section on the site, but most likely you have a solid background, so see point 1.

Answer 2

Cut this triangle into a png with a width of 1920px and press it to the desired edge with position: absolute.
And "background-position: left center" or right. Depending on the side.

Answer 3

You can get confused and cut through clip-path