How to limit background width to right screen border on bootstrap?

Question

css

Good afternoon, dear experts and students.
Tell me, please, how would it be easier to make a similar background?
So far, the options are:
1. make container-fluid. But so far I have not been able to move this background to the right. I will be grateful for advice.
2. make a background through the :before pseudo-element to the block with cards. Is it possible in this case to limit the background on the right to the width of the screen?

Answer 1

So, I went along the second path - but prescribed the main parent (ie the entire section) - overflow: hidden.
Already read this advice somewhere, but could not realize.
https://jsfiddle.net/p82tk03s/ - here someone clearly showed.
How to implement container-fluid in container-fluid? - this question is very similar in meaning to mine, from the answer to which I took the solution.