JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="custom-list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

CSS

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

.custom-list li:before {
  content: "";
  width: 20px; /* Durchmesser des Kreises */
  height: 20px; /* Durchmesser des Kreises */
  background-image: url('https://www.w3schools.com/w3images/mountains.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%; /* Macht das Bild zu einem Kreis */
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 0.75em;
  vertical-align: middle;
  transform: translateY(-50%);
}