Semantic HTML and customs CSS properties Recipe page

What are you most proud of, and what would you do differently next time?

I am happy that I have aligned the bullets and the texts according to the design (esp the mobile view).

What challenges did you encounter, and how did you overcome them?

Center aligning the bullet points and the text. I research various approaches and finally came across using

li:before {
    content: "•";
    font-size: x-large;
    color: var(--color-secondary-2);
  }

What specific areas of your project would you like help with?

Do you think my implementation for displaying the image is correct?