Фоновое изображение React js ⇐ CSS

[Anonymous]

В настоящее время я работаю над простым изображением реакции, которое будет содержать изображения профиля разных пользователей. У меня возникла проблема при попытке установить фоновое изображение. У меня будет два фоновых изображения, но я не могу их разместить.
Изображения находятся в моем public/images/, но на веб-странице ничего не отображается.
Я добавляю изображение в теле{} в файле CSS "App.css".
App.css

Код: Выделить всё

body {
margin: 0;
font-family: var(--fontFamily);
font-size: var(--fontSize);
background-image: "url(/images/bg-pattern-top.svg)";
background-size: contain;
background-position: top;
}

App.js

Код: Выделить всё

import './App.css';
import PorfileCard from './PorfileCard';

function App() {
return (

);
}

export default App;

index.js

Код: Выделить всё

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(


,
document.getElementById('root')
);

< img alt="Инструмент разработки Chrome" src="https://i.sstatic.net/OgZya.png" />



Подробнее здесь: https://stackoverflow.com/questions/665 ... ound-image