Подключение статических файлов при сборке react

Задача: пытаюсь подключить статические файлы (картинки, шрифты). В dev версии всё ок, пытаюсь собрать - получаю ряд ошибок, суть которых в том, что все пути становятся не правильными, даже те которые в index.html

Сейчас имею следующую базовую структуру

public
   img
      Pattern.png, Photo.png
   index.html
src
   components
      card
         card.css
         card.js
      app.js
      app.css

В card.js кое-как подключить смог <img src="img/Photo.png" />.

Теперь пытаюсь подключить в app.css:

.app {
    background: url('../../public/img/Pattern.png');
}

В dev такая запись работает, но при сборке пути не верные получаются: F:/static/media/Pattern.7858f3d0f9b100e9018a.png.

Пробовал другие варианты записи, но эффект такой же либо ошибка при сборке, пишет что не видит файл. Приложение создал через cra, собираю через react-scripts build.

Вопросы:

• как мне успешно собрать приложение?
• правильно ли я создал структуру приложения?
• почему происходит неверная генерация пути даже в файле index.html, можно ли это исправить?