はい、グラデーションオーバーレイが最も適切なアプローチでしょう。以下のように、2つの背景を同時に定義できます。
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;
}
または、トピックページ以外のページ(プロフィール、トピック一覧など)にはこの背景グラデーションを表示したくない場合は、パターンをbodyに設定し、その上に.archetype-regular #main-outlet { }でグラデーション背景を重ねることもできます。