I’m trying to achieve an effect such as this one seen f.e. here: http://www.Thefibroguy.com/

What I’m trying to do is to have a “cover” image as the website loads and then if users scrolls down, content is visible.

Notice that the first image always covers 100% of the loaded screen, no matter if I resize the window, etc.

Can somebody help me with it? Thanks!

no repeate centre, i made sure ythe element has its full height and width set