Now let me generate the ingredient images and update the component:

Now let me update the ingredients component with the new card design featuring background images that fade to white:

I've updated the ingredients section with a new card design. Each card now features a background image of the ingredient on the left third of the card, with a gradient that fades from the image to white. The text content is positioned on the right two-thirds, overlaying the faded area for excellent readability while still showcasing the beautiful ingredient photography.

Looking at your screenshot, I can see the ingredient cards with the images on the left fading to white, with text overlaid. The text could benefit from right-alignment to push it further from the image area for better readability.

Let me regenerate the images as true macro close-ups and right-align the text:

I've regenerated all ingredient images as extreme macro close-ups with shallow depth of field for a more abstract, artistic look. I've also updated the card layout: the text is now right-aligned with the content area taking 60% of the card width, and the gradient fade has been strengthened with a multi-stop gradient that creates a smoother transition from the image to pure white, ensuring better text readability.