I’m looking to add two flares to this page, one in the top left and the other in the top right. The top left works just fine and doesn’t cause a horizontal scrollbar. However, the top right does. It is in a div=relative with the image=absolute, overflow=hidden.
You want your section to be overflow hidden. This will make sure that the section doesn’t show any (parts) of objects that are outside of its own border.
The horizontal scroll is only there because there is actually an object.
Setting your section to overflow hidden will fix your problem