How to make one picture a background, and not repeat the picture over and over?

Hello, so i have been working on this website a little over a month, and i decided to start making a little mini-project just for fun. It is about different weed strains because i find that stuff interesting and ya know, why not. But i cant get the background to display the image once. It repeats it over and over much smaller and left to right, i dont know how to get it to do what i would like. Here is the link to my code pen, can someone please help?’

Add this to your style function
body {
background-image: url("");
background-repeat: no-repeat;

This narrowed it down to one image but how do i make it stretch the whole background

add this to the body part-

background-size: 100% 100%;

Perfect, thanks alot guys