.grid-background {
    position: fixed;
    opacity: 2%;
    inset: 0;
    /* cobre a tela toda */
    z-index: -1;
    /* sempre atrás do conteúdo */
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>\
        <line x1='0' y1='0' x2='0' y2='40' stroke='%23fff8eb' stroke-width='1.5' stroke-opacity='0.5'/>\
        <line x1='0' y1='0' x2='40' y2='0' stroke='%23fff8eb' stroke-width='1.5' stroke-opacity='0.5'/>\
        <circle cx='1' cy='1' r='3' fill='%23fff8eb' fill-opacity='0.5'/>\
    </svg>");
    background-repeat: repeat;
}