Revision best practice: duplicate html elements for media queries and SEO impact?

EDIT: the question is closed, see webmasters.stackexchange:

https://webmasters.stackexchange.com/questions/43038/responsive-design-best-practice-duplicate-html-elements-for-media-querying-and/43100#43100

I have a page with html expression, tag figure

, tag headgroup

and tag article

.

To make the page design responsive using media queries, I need a different order for the elements, so the image appears after the title.

The simplest solution I can think of is cloning the tag headgroup

in the source code and placing the copy in front of the tag figure

, which allows the corresponding tag to be shown / hidden according to the viewport size.

But I have a feeling this is not perfect SEO-wise.

My question is simple:

Does this simple technique really affect SEO?

Is there an html attribute to declare repeating elements on the page?

Is there any other recommended solution? Best practice?

Thanks in advance for any advice!