Scroll-snap CSS override is unnecessary and incompatible with older browsers

[chalin]

Consider the following CSS override (relative to the Docsy base CSS):

opentelemetry.io/assets/scss/_styles_project.scss

Lines 84 to 91 in 8f745be

	// Adjust anchors scroll snap (https://github.com/open-telemetry/opentelemetry.io/pull/348)
	@include media-breakpoint-up(md) {
	h2[id], h3[id], h4[id], h5[id] { scroll-margin-top: 5rem; }
	h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before {
	margin-top: 0;
	height: 0;
	}
	}

The original problem (#348) wasn't due to Docy's scroll-snap CSS, it was because of the use of flex displays in non-documentation pages. While scroll-margin-top works wonderfully well, but it's support isn't that great -- see SO and scroll-margin-top. For example, it's been supported in iOS Safari only recently.

I see top options: fix the non-doc pages and fall back to Docy's CSS, or (assess &) consider the alternative solution proposed in SO.