horizontal line (hr) appearance issues in Firefox

I apologize in advance if this is the wrong place to post this, but I’ve been stuck on what feels like the worlds easiest problem for far too long and am hoping someone out there can help.

I am using an HR tag <hr/> to generate a horizontal line rule to seperate page sections of interior pages on https://www.modernimpact.com/

for example on
https://www.modernimpact.com/about-us/

between use our experience section and what we can do.

The line generates fine in Chrome and Safari browser but in Firefox it renders off on the right hand side and when I inspect it with Firebut, I can’t for the life of me identify why it would be doing this.

So my question is two fold. Can someone see something I’m missing and/or 2 is there a better way to create these page sections/breaks?

Thanks!