Error in Movie Finder(project 3) js code

Sir, I have pasted my js code and attached screenshot of my webpage below. I have checked the code many times and even the past posted issues are not matching with this. I kindly request you to help me in resolving this issue.

const API_URL = "http://www.omdbapi.com/?i=tt3896198&apikey=dd241b5a&s=";

const API_URL_SEARCH = "http://www.omdbapi.com/?apikey=dd241b5a&i=";

var search_input = document.getElementById("search-input");

var card = document.getElementsByClassName("movie-cards")[0];

document.getElementsByClassName("search")[0].addEventListener("click", function(){

    console.log(search_input.value);

    const query = search_input.value;

    if(query){

        getMovies(API_URL+query);

    }

});

async function getMovies(url){

    const resp = await fetch(url);

    const respData = await resp.json();

    console.log(respData);

    showMovies(respData.Search);

}

function showMovies(movies){

    card.innerHTML="";

    movies.forEach(async function(movie){

        const movieData = await fetch(API_URL_SEARCH+movie.imdbID);

        const movieDataobj = movieData.json();

        movie_display(movieDataobj);

    });

}

function movie_display(imovie){

    const movieElm = document.createElement("div");

    movieElm.classList.add("movie-cards");

    movieElm.innerHTML=`

        <div class ="card">

            <img src = "${imovie.Poster}" alt="Poster" width="300px" height="300px"/>

            <br>

            <div class = "movie-description">

                <span class = "movie-title><b>Title</b><span class="value">${imovie.Title}</span></span>

                <span class = "movie-title><b>Rating</b><span class="value">${imovie.imdbRating}</span></span>

                <span class = "movie-title><b>Director</b><span class="value">${imovie.Director}</span></span>

                <span class = "movie-title><b>Released Date</b><span class="value">${imovie.Released}</span></span>

                <span class = "movie-title><b>Genre</b><span class="value">${imovie.Genre}</span></span>

            </div>

        </div>

    `;

    card.appendChild(movieElm);

}