Convert Images into Meshery Design.

#### Current Behavior
Hey Everyone,
Good First Issue Alert! :tada:
We’re adding a new course to the Layer5 learning path, and we need help designing embedded visuals for the course content.
Here’s what you need to do:
A few issues have already been created, each with an image attached.
Your task is to redesign the image into a Meshery design.
Once done, share your design as a comment under the respective issue.
This will count as your first contribution to Meshery and you’ll also earn your first design badge! :sports_medal:
For reference:
Image:

Design:

#### Desired Behavior

#### Implementation

#### Acceptance Tests

#### Mockups

---

#### Contributor Guide and Resources
- 📚 [Instructions for contributing to documentation](https://github.com/layer5io/docs/blob/master/CONTRIBUTING.md)
- Layer5 documentation [site](https://docs.layer5.io) and [source](https://github.com/layer5io/docs/)
- 🎨 Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/qJy1c95qirjgWQODApilR9)
- 🙋🏾🙋🏼 Questions: [Layer5 Discussion Forum](https://discuss.layer5.io) and [Layer5 Community Slack](http://slack.layer5.io)