Giusto, un overlay a gradiente è probabilmente l’approccio migliore… puoi definire due sfondi contemporaneamente in questo modo:
body {
background: radial-gradient(circle at center, rgba(255,255,255,1) 35%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/b7df60bb8a3fd1584f393dee365865ca83e4906e.svg) center top / 300px auto ;
background-attachment: fixed;
}
Oppure, se vuoi applicare questo gradiente di sfondo solo alle pagine dei topic e non ad altre pagine (come profili, liste di topic, ecc)… potresti impostare il pattern su body, e poi sovrapporre il gradiente di sfondo in .archetype-regular #main-outlet { }