html {
    background: #fcf9f9;
}

body {
    position: relative;
    isolation: isolate;
    background: transparent !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(rgba(255, 253, 251, .43), rgba(255, 253, 251, .43)),
        url("/images/botanical-background.jpg") center / cover no-repeat;
    transform: translateZ(0);
    pointer-events: none;
}

@media (min-width: 1100px) {
    body::before {
        background-position: center 58%;
    }
}

@media (max-width: 700px) {
    body::before {
        background-position: center;
    }
}