JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <ul>
    <li><img src="img1.jpg"><a href="#texto1">texto 1</a></li>
    <li><img src="img2.jpg"><a href="#texto2">texto 2</a></li>
    <li><img src="img3.jpg"><a href="#texto3">texto 3</a></li>
  </ul>
</body>

CSS

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 500px) {
  li {
    display: block;
  }
}

@media only screen and (min-width: 500px) {
  li {
    display: inline;
  }
}