Imagem SVG não aparece

estou tentando carregar uma imagem SVG como background porém ela não aparece. Quando estou no live preview do VS Code funciona normalmente, porém quando abro o index.html diretamente pelo navegador ela simplesmente não aparece. Se alguém puder me ajudar ficaria realmente grato.

body{     margin: 0 auto;   padding: 0 40px 0 40px;   background-image: url(/images/bg-intro.svg);   background-repeat: no-repeat;    background-size: 100%;   display: grid;   grid-template-areas:      "header"   "illustration"   "main";   }