Content editor webpart code to add a background image in SharePoint 2013?

Question

I have the following code to add a bg image on my Subsite home page. It does'nt seem to work and I have a solid feeling its the way I'm referring the image (stored under a picture library named 'Image Library' on the same subsite). I have it saved in a text file under a document library (also under the same subsite) and then just use that link on the content editor webpart. Test link seems to bring it up just fine, so I am good there. Any ideas on how to get this functional?

<style type="text/css">
#s4-mainarea{
    background-
    image:url('https://share.ey.net/sites/test/test%20page/Image%20Library/20H00217.jpg'););

}
.s4-ca
{
 background-color:transparent;
}
</style>

Answer 1

Try this, it worked for me. Try to use !important if it doesn't work.

#s4-workspace{
background-image: url(../images/image.jpg);
background-size: cover;
overflow-x: hidden;}