change image with javascript

[Cookiecrumbles222]

hey guys so I'm trying to change a photo written in as a CSS background photo example below but when I click the button to activate it the button just goes blank, any help? thanks!

/* html Stuff */
<div id="img_main">
    
    </div>
/* Css Stuff */
#img_main{
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);;
    grid-column: 1/10;
    grid-row: 1/6;
    transition: .5s;
    height: 800px;
    overflow: hidden;
    background-image: url("../images/temp.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
/* java stuff */
function nextImg() {
document.getElementById("img_main").style.backgroundImage = "url('../images/nature.jpg')";
}

EDIT: here's a visual of what happens https://gyazo.com/7c641edb3a0a97988ae657c500f15405

[elpiop]

Are you sure the path to the image is correct?

[Cookiecrumbles222]

3 minutes ago, elpiop said:

Are you sure the path to the image is correct?

that was it thank you so much I feel dumb now lol thanks so much for your help!