安達利機車行

一開始用讀取css的方式來設background 屬性來設定

後來因需要動態變換圖檔，因此把css轉換成class的方式在jsx裏面

但發現有部份的屬性沒辦法正常顯示，像是backgroundSize...之類的

解決方法，把原來background的相關屬性都各別拆開，不要寫在同一行的background裏面

// header底圖的css語法
    const BgImageStyle = {
        width: '100%',
        height: '100vh',
        backgroundImage: `linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(${process.env.PUBLIC_URL}/image/ep_header${randomNumber}.jpg)`,
        backgroundRepeat: 'no-repeat',
        backgroundAttachment: 'fixed',
        backgroundPosition: 'center',
        backgroundSize:'cover',
        paddingTop:'16rem',
        paddingBottom: '7rem',
        color: '#fff'
    };