How to make the following div responsive?

<div class="hero__content">
          <span class="odd">l</span>
          <span class="even first">a</span>
          <span class="odd">s</span>
          <span class="even">t</span>
          <img src="./images/girl.svg" alt="girl">
 </div>

<div class="hero__content">
          <span class="odd">l</span>
          <span class="even first">a</span>
          <span class="odd">s</span>
          <span class="even">t</span>
          <img src="./images/girl.svg" alt="girl">
 </div>