What are the SEO ramifications of duplicate content on the same page? [closed]

I am wondering if there are any penalties for having duplicate content on the SAME PAGE.

Scenario: The mock-ups provided have an FAQ section in the sidebar of a topic page on the Desktop view. However, on the mobile view, the FAQ section now renders somewhere in the main article body.

My initial instinct was to hide and show the respective sections based on breakpoints, but they would both still exist in the DOM. I was informed that this isn't ideal for SEO, but the only information I am able to find discusses the penalties of having duplicate content on the same domain and not the same page.

So I guess is this actually bad for SEO, or are crawlers smart enough not to care? The two sections never appear on the page at the same time.

Another possibility we are exploring is keeping the FAQ in the sidebar, and on mobile having a call-to-action section that says "Click to read FAQs" and once the user clicks, dynamically removing the markup from inside the hidden sidebar FAQ and placing it inside the section that was just clicked. This way the markup is never present int the pages DOM twice at the same time... but since crawlers can execute JavaScript... would that still potentially count as duplicate content?