I have provided some feedback in the comments under your question. Mainly, when you have a problem with code that does not work, we absolutely need to see that code. In the case of a web page problem, you did well to include the CSS, but CSS only applies styles to HTML, and you did not include said HTML in your post.
Further, one of the more difficult to grok rules here is that such code snippets should be in the form of a Minimal, Complete, Verifiable Example (MCVE).
Minimal - code snippets should not include irrelevant details, e.g. font styles are irrelevant to a problem with background-image sizing. Help us help you by only presenting us with the information we need to reproduce your problem.
Complete - likewise, code snippets should be complete enough that they have the code that includes the problem. We often see questions where someone will include some function or partial code snippet, and the first few comments will say something like 'this clearly indicates that your problem is somewhere else... in a file or function you have not shared'. We can't solve a problem with half the equation missing.
Verifiable - the snippet has to reproduce the issue you've described. Sometimes you'll find you've just got a transcription error/typo, or maybe the error occurs for you but not for us... perhaps because of the browser you're using, or some cached file, or some other thing that's not immediately obvious. Make sure your example verifies and reproduces your problem.
It is likely that your question was downvoted for lacking these things. Luckily, your question has been edited to include these things, at least partially.
Continue responding to criticism/questions in the comments and editing your question to improve it and you will see less negative reception to your questions over time. No guarantees that this question will get turned around, score-wise (many people vote and then never return to a question, especially if they vote down), but it is certainly possible.