Gatsby.js - пользовательский модуль css не производит никакого эффекта

Я новичок в Gatsby.js. Я пытаюсь использовать способ модуля css, чтобы переопределить css по умолчанию для Gatsby.js. Но моя настройка не произвела единого эффекта.

Вот мой index.js в папке макетов:

import customCSS from "./css/custom.css"
<Logo className = {customCSS.logo} />

Вот мой custom.css:

.logo{ 
    top: 5%;
    left : 5%;
    width: 300em; 
  }

Компиляция прошла успешно, но опять же, никакого эффекта на дисплее, любая подсказка была бы замечательной, Спасибо