tips.html

<div style="
    padding: 12px;
    border: 1px solid #333333;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
  ">
  <b style="font-size: 18px;"> ❣️ Tips for successful try-on generations</b>

  <ul style="
      display: flex;
      gap: 12px;
      justify-content: center;
      li {
        margin: 0;
      }
    ">
    <li>2:3 aspect ratio</li>
    <li>One person per image </li>
    <li>Focus/Zoom on subject</li>
    <li>Similar poses between images</li>
    <li>Simple backgrounds</li>
    <li>High-quality images</li>
    <li>Take inspiration from the examples below</li>
  </ul>
</div>