Como usar o Responsive-Layout sem triplicar componente no Site Editor?

Tenho um layout que usa o responsive-layout

  "store.home": {
    "blocks": [
      "responsive-layout.desktop#home",
      "responsive-layout.tablet#home",
      "responsive-layout.phone#home"
    ]
  },

Cada um desses blocos, tem um slider como filho, porém queria que fosse o mesmo componente para os três cenários e não um para cada cenário, como acaba acontecendo.

Alguém sabe como fazer isso?

Deixando somente um bloco e trabalhando via css nele? AAdicionando no unico bloco os breakingpoint @media{}… É que assim voce perde um pouco o contexto do responsive-layout

Obrigado pela ajuda @g.barbeiro, mas na verdade simplifiquei o problema.

Tenho vários elementos dentro de cada um dos três blocos do responsive-layout e não tenho como unificar tudo para trabalhar com os media queries. Pelo menos não agora.

Por isso busco uma solução que permita usar o mesmo componente de slider para todos os responsive-layout em lugar de ter três objetos no Site Editor.