Can't get background to cover web page

i have an image as my background that i changed to not repeat, but not it is simply a small image at the top left corner with tons of white space surrounding. When i use

background-size:cover;

it zooms way too far into the image. i don’t know what to do.

It will maintain the aspect ration of the image. Unless the image is the same dimension as the window it can’t fit perfectly. If the image is square or taller than it is wide you can’t make it as wide as it needs to be to fill the width of the window without also making it much taller.

Here is an example of what I mean
https://codepen.io/anon/pen/qwzpbq

Hi buddy, just trying using with a manual mode in the aspect ratio. That might help well!

Regards,
Rila Nov