Having trouble scraping a particular element on a website using Puppeteer

I am trying to scrape the key features part of the website with the URL of: “https://www.alpinestars.com/products/stella-missile-v2-1-piece-suit-1” using puppeteer – however, whenever I try to use a selector that works on the chrome console for the website the output for my code is always an empty array or object. For example both (document.querySelector(“#key features > p”) and (document.getElementById(‘key features’) both return as empty arrays or objects when I output it through my code but work via chrome console.

I have attached my code below:

const puppeteer = require('puppeteer');

async function getDescripData(url) {
    const browser = await puppeteer.launch({headless: true});
    const page = await browser.newPage();
    await page.goto(url);
    const descripFeatures = await page.evaluate(() => {
        const tds = Array.from(document.getElementById('key features'))
        console.log(tds)
        return tds.map(td => td.innerText)
    });
   console.log(descripFeatures)
    await browser.close();
    return {
        features: descripFeatures
    }
}

How should I go about overcoming this issue?

Thanks in advance!