Good afternoon everyone, tell me please, is there a way to remove the horizontal scroll from absolutely positioned pseudo-elements?

enter image description here

The balls are made on before and after in different sections of the page. When I did the overlow-x: hidden section I got this:

enter image description here

Balls at the junction of the section, went under the section, is there any other way to fix the problem? Thank.

  • one
    1) set Oveflow: hidden to the top element ( <HTML> or <BODY> ). 2) use full-fledged elements at the beginning and end of the <section>, position them absolutely, set dimensions for them and set overflow: hidden. And already for them, create pseudo-elements in the form of balls and play with the positions as you wish - the balls will not get out. - Inquisitor

0