Custom Heading above Qty (Woocommerce)

let qty = document.querySelector(".e-atc-qty-button-holder");

let text = `<div class="qty-heading">

  <h3 style="font-weight: 800; text-transform: capitalize;">How many card you’re planning to purchase?</h3>

  <p style="font-size:1.375rem">Choose Quantity of Cards</p>

 </div>

`

qty.insertAdjacentHTML("afterend" , text);