Как сделать радиальный градиент с SVG изображением посередине страницы?

Question

[nihi1ist]

Пытаюсь сделать так:

CSS

body {
    width: max-content;
    height: max-content;
    background: #1c3624;
    background: radial-gradient(ellipse, #1c3624, #092311);
    background-image: url('img/logo.png');
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

Но в итоге градиент не работает. Проверяю на Firefox 96 и Chromium 97.

Comments

[xdevelx]

Так вы же градиент перезаписываете на url(). Если нужно и то, и то - пишите через запятую

[nihi1ist]

xdevelx, градиент заработал, но криво как то. Да и изображения нет.

Скрин

[xdevelx]

nihi1ist, Изображение под градиентом. Поменяйте их местами.
Криво - ну как определили градиент, так и работает.

[Вадим]

nihi1ist, https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

[nihi1ist]

xdevelx, спасибо, ваш совет помог! Если не сложно, добавьте его как отдельный ответ, отмечу решением.