no image comes up

HTML
<!DOCTYPE html>
<html>

<head>
    <link href="https://fonts.googleapis.com/css?family=Akronim" rel="stylesheet">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Jake Elliott</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<header>
    <nav>

    </nav>
    <div class="background-image">
        <div class="img-container">
            <img src="./images/computer.jpg">
            <h1 id="Title">Jake Elliott</h1>
        </div>
    </div>

</header>

<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineMax.min.js" integrity="sha256-fIkQKQryItPqpaWZbtwG25Jp2p5ujqo/NwJrfqAB+Qk=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js" integrity="sha256-lPE3wjN2a7ABWHbGz7+MKBJaykyzqCbU96BJWjio86U=" crossorigin="anonymous"></script>
    <script src="app.js"></script>
    <section id="Games">
        <h2>Games</h2>
        <h4 id="Survival">Survival of the fittest</h4>
        <img id="Survival-img" src="./images/code.jpg">
        <p>Survival Of the Fittest is currently in development.</p>
    </section>
    <section id="Software">
        <h2>Software</h2>
        <p>The software that i am currently devloping.</p>
    </section>

</body>

</html>


CSS

* {
    padding: 0;
    margin: 0;
}

img {
    height: 75vh;
    width: 100%;
    object-fit: cover;
}

nav {
    min-height: 10vh;
    width: 100%;
    background-image: linear-gradient(to top, #130047, #00A61D);
}

#Title {
    position: absolute;
    left: 50%;
    top: 50%;
    color: white;
}

h1 {
    align-content: center;
    align-items: center;
    background-image: none;
}

#Games {
    display: grid;
    grid-template-columns: 1fr, 40px, 40px, 40px, 1fr;
    grid-template-rows: 1fr, 40px, 40xp, 40px, 1fr;
}

body {
    background-image: linear-gradient(to top, #130047, #00A61D);
}

#Survival-img {
    grid-column: 1/2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}