You can’t just remove the :before from the rule and style the body with the same rule as that is nonsense. A pseudo element is another element. You need another element. You can’t use the body and make it fixed as that presents all kinds of issues and we want two elements for the two backgrounds anyway.
You have something working the way you want so I suggest leaving it alone 