Background is too small

I tried changing the my background with a png and jpeg template that i made on adobe illustrator but it wont work when i upload it through a plugin for background changing. It shows up too small when you maximize the window for the website and it takes a while to load. the background comes up as white. Here is the link https://www.journeyofablackearedkite.com/.
using Repeat does not work for this type of background because it is complex. i tried. I am not sure what to do. i tried stretching the background in illustrator but that did not help. What am I doing wrong? i also am using a theme but i decided to change the background. i tried inserting the code in the core. css but that did not work. here it is
body
{
background-image:url(‘https://pe3.precisioneffect.com:2222/CMD_FILE_MANAGER/domains/journeyofablackearedkite.com/public_html/wp-content/themes/dark-atlantica/library/img/page/grungey-bg.gif’); background-repeat:top to bottom;

}

/* Global Wrap */
#wrap{
width: 1080px;
margin: 0 auto;
}

/* Page */

/* Page */
/* -> Header */
#page .header{
background: transparent;
height: auto;
text-align: center;
margin-top: 33px;
margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
padding-bottom: 20px;
width: 1000px;
}