Logo inside navbar

Tell us what’s happening:
How do I add the logo inside the navbar?

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

With image element ? <img src="mylogo.svg" />

Sorry for not being specific. How do I align the image such that it is inside the navbar.
The image shows up on the top and then the navbar below it.

<header id="header">
    <div>
      <div>
        <img id="header-img"
             src="https://image.shutterstock.com/image-vector/guitar-logo-design-template-vector-260nw-584209252.jpg"/>
      </div>
      <nav class="navbar navbar-light bg-primary justify-content-between"
           id="nav-bar">
        <label class="navbar-brand text-white">
          OG Guitars
        </label>

        <div class="row">
          <label class="text-white mr-4 nav-link">Features</label>
          <label class="text-white mr-4 nav-link">Features</label>
          <label class="text-white mr-4 nav-link">Pricing</label>
        </div>
      </nav>
      
      <div class="container">
        <div class="d-flex justify-content-center"
             id="video">
          <iframe width="600"
                height="480"
                src="https://www.youtube.com/embed/uVU86GGV07A"></iframe>
        </div>
        
        <div>
          <form id="form">
            <input id="email" 
                   type="email"
                   placeholder="TODO">
            <input type="submit">
          </form>
        </div>
      </div>
    </div>
  </header>

This is my code

Hello, dhall.

Your img element is not inside your nav element. How do you expect the image to be inside the navbar?

That was dumb. Thanks!