Trying to make my BigCartel product page look better but there is a problem with where the display of the price is

.container {
width:100%;
}

h1 {
text-align:center;
}

.product-display {
display:flex;
justify-content:space-between;
gap:1rem;
}

.media {
width:50%;
}

img {
width:100%;
}

.description {
width:50%;
display:flex;
flex-direction:column;

}

<div class="container">
<h1>THE GARAGE STICKER</h1>

  <!-- Current Position could be here -->
  <div class="price">
    <span>$2.00</span>
  </div>
  
  <div class="product-display">
  
    <div class="media">
      <!-- Current Position could be also here -->
      <img src="https://picsum.photos/400" width="400" height="400"/>
    </div>
    
    <div class="description">
      <!-- The "price" Container should be here -->
      <span>OG design concept</span>
      <span>Size: 3" x 2.24"</span>
      <button type="button">Add to cart</button>
    </div>
  </div>