JSFiddle - React, Tailwind, and code Playground

HTML

<span class="a">Текст 1</span>
<span class="b">Текст 2</span>

CSS

@media (min-width: 300px) {
  .a {
    display: block;
  }
  .b {
    display: none;
  }
}
@media (min-width: 600px) {
  .a {
    display: none;
  }
  .b {
    display: block;
  }
}