Сайт отлично работает на локальном хосте, но в производственной среде выдает ошибку политики безопасности контента

Question

Ошибка отображается на консоли:

199483d564c61b347c.js: отформатирован:11 Отказался от применения встроенного стиля, поскольку он нарушает следующую директиву политики безопасности содержимого: "default-src 'self'". Либо ключевое слово unsafe-inline, хеш (sha256-mc5MFFuny++HbPmYE2clhmGeDbhhMCQG815PTPVKnzs= ​​'), либо одноразовый номер ("nonce -...") требуется для включения встроенного выполнения. Также обратите внимание, что 'style-src' не был задан явно, поэтому 'default-src' используется как запасной вариант.

Посадочный компонент

import React,{Component} from 'react';

class Landing extends Component{
    render(){
        return (
            <div>
                <div className="para1"></div>
                <div className="section white">
                    <div className="row container">
                    <h2 className="header">Goonj</h2>
                    <p className="grey-text text-darken-3 lighten-3">Coonect with ngo's</p>
                    </div>
                </div>

                <div className="para2"></div>

            </div>
        )
    }

}

export default Landing;

landing.css

.para1 {
    background-image: url(../images/goonj1.jpg);
    min-height: 500px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.para2 {
    background-image: url(../images/goonj2.jpg);
    min-height: 500px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

Что я должен сделать, чтобы решить это, не нарушая политику безопасности контента???