Current State:
The images on the https://layer5.io/learn/learning-paths/mastering-meshery/introduction-to-meshery/meshery/creating-designs page are outdated and need to be replaced.

Desired State:
Store the new images in the same directory as the old ones. Before deleting old images, verify if they are being used by any other files. If not, they can be removed; or they should be replaced alongside the relevant new images.

All new images must be clear and high-resolution. The newly updated images should depict the same content as the original ones but feature the latest UI. Ensure the new images maintain the same visual annotations as the old ones, such as:

• Red boxes highlighting specific content.
• Arrows indicating relevant areas.
• Numbered sequences for steps or elements.

When taking screenshots, only capture the relevant sections. For example, if explaining configuration, only screenshot the configuration portion of the UI.