CSS is aligning well in development but in the build the css is inconsistent. It is different. I tried importing my css files in gatsby-web.js as well but nothing worked. I am using media query as well in the css.how it should look. how it is looking css is not loaded at the start properly

if i am navigating inside the page then it is working fine. But refreshing it or loading the page at first is causing the issue. I want to know how to fix it