Blazor - CSS not rendering a linear-gradient

[LanceTheLeski]

I'm trying to style my Blazor app and while majority of my CSS works, gradients with transparency seem to not render correctly. Instead of the expected color showing up, I'm seeing a white background. Any idea why this does not load correctly. If I use the same code on a basic HTML+CSS page then it renders correctly.

Any tips to get this to show up correctly?

The following snippet is what I'm working with:

background: linear-gradient(
        140deg,
        rgba(202, 217, 229, .40),
        rgba(98, 147, 185, .40), 50%,
        rgba(98, 147, 185, .50), 100%
    ) padding-box,
    linear-gradient(
        140deg,
        rgba(255, 255, 255, .20),
        rgba(58, 76, 111, .20), 50%
    ) border-box;