body #logo {
    background-image: url('../images/logo.png');
}

body.darkmode #logo {
    background-image: url('../images/logo-dark.png');
}

/* Faded, blurred, stretched logo background for image-background */
#gk-content.image-background::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgb(0, 0, 0, 0.98) 1%, rgb(0, 159, 227, 0.98) 100%),
    url('../images/background_swirls.png') center/cover no-repeat;
    pointer-events: none;
}

body.darkmode #gk-content.image-background::before {
    opacity: 0.2;
    background: linear-gradient(180deg, rgba(65, 65, 65) 0%, rgb(0, 159, 227) 100%)

}