[Theme: Ribosome] Using multiple backgrounds in sidebar

Hi-

I am trying to figure out how to use an image as a background for my sidebar.

My Website

If you look here, you can see that I currently have an image as html in the sidebar. I’m trying to figure out how to use that image as background using css – the top part (where it says our sponsors) would be static but the bottom “white paper” portion of the image would repeat as the background if the content is bigger than that image. I’m assuming I would split it into two images. I tried to use the following in the CSS:

.widget-area {
		background-image: url(/wp/wp-content/uploads/2016/05/LGG_corkboardtop.jpg) center top no-repeat, url(/wp/wp-content/uploads/2016/05/LGG_corkboardmiddle.jpg) center middle repeat; 

		float: right;
		width: 28%;
	}

It did not work. Any help would be appreciated.

Sarah