JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
                      <ul class="list">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                      </ul>
                      <div>
                        <img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Sample_abc.jpg" class="picture"/>
                      </div>
                    </div>

CSS

.container {
      display: flex;
    }

    .list {
      list-style-type: none;
    }

   .picture{
      max-width: 100%;
      height: auto;
    }