I have started to convert my static page to WordPress theme. While I am doing this I have a place where the position of the background image of a section has to be set with values like
When I add the CSS to my custom CSS file which is main.css I found out there an internal CSS which is overriding my CSS like
Then I changed my CSS to
background-position:0 80%; !important
But it still doesn't work and I found out my CSS file is included before the internal CSS in the head ( by view page source code).
Now what I want to know is how can I change the order or how can I import my custom CSS (main.css) file after the internal CSS code?