title: Movie image not displaying top of webpage
body: <p>Hi i am stuck in a problem when Am trying to display movie image in top of the webpage its isn't showing don't know where i am wrong please help
  i want to display movie banner top of the webpage</p>
  <p><a href="https://ibb.co/QprbB5n" rel="nofollow noreferrer">https://ibb.co/QprbB5n</a></p>
  <blockquote>
  <p>Banner.js
  This is my Banner page where i wrote whole logic</p>
  </blockquote>
  <pre><code>import React, { Component } from 'react';
  import './Banner.css';
  import Request from './Request';
  import Axios from 'axios';
  
  class Banner extends React.Component {
  
      constructor(props) {
          super(props)
  
          this.state = {
              movies: []
          }
      }
  
      fetchData = async () =&gt; {
  
          const movies = await Axios.get(Request.fetchNetflixOriginals)
          this.setState({
              movies: movies.data.results[
                  Math.floor(Math.random() * movies.data.results.length - 1)
              ]
          });
          console.log(movies);
          return movies;
      }
  
      componentDidMount() {
          this.fetchData();
      }
  
      render() {
  
          // const {movies} = this.state
  
          return (
              &lt;header className='banner'
                  style={{
                      backgroundSize: 'cover',
                      backgroundImage: `url(
                      &quot;https://image.tmdb.org/t/p/original/${this.props.movies?.backdrop_path}&quot;
                  )`,
                      backgroundPosition: 'center center',
                  }}
              &gt;
                  &lt;div className='banner-contents'&gt;
                      &lt;h1&gt;
                          {this.props.movies?.title || this.props.movies?.name || this.props.movies?.original_name}
                      &lt;/h1&gt;
  
                      &lt;div className='banner_button'&gt;
                          &lt;button className='banner_button'&gt;Add&lt;/button&gt;
                          &lt;button className='banner_button'&gt;Delete&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/header&gt;
          )
      }
  }
  
  export default Banner;
  </code></pre>