Make sure that you actually take the customer survey for this to back results so you’re not lying. Lying here can get you in trouble!

<div class="progress-info">
  <div class="image-container">
    <img src="paste the link inside of these quotes" alt="Circle Image">
  </div>
  <div class="text-container">
    <p>94.8% of women saw a decrease in cravings within two weeks.</p>
  </div>
</div>

<style>
.progress-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Arial, sans-serif;
}

.image-container {
  width: 60px; /* Adjust according to your image size */
  height: 60px; /* Adjust according to your image size */
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.text-container {
  flex: 1; /* This will make the text container take up remaining space */
}

.text-container p {
  margin: 0; /* Remove default margin */
  font-size: 16px;
  line-height: 1.4; /* Adjust line height as needed */
}
</style>

1. To add this custom liquid you need to first find an image of the green % circle in transparent PNG format (these are easily creatable on figma or Canva).
2. Get the images and go on Shopify. From here, go to Content → Files → Upload
3. Upload the images you saved earlier
4. Once their uploaded, use the copy button on the right hand side to get the CDN link.
5. Paste these links into the code above in between the quotes.
6. Add a custom liquid block to your product page and paste them in!