[UI] Overlap button in mobile view

[amitamrutiya]

Description

In the mobile view, the image with "before" and "after" text overlaps the "View Docs" button.

Expected Behavior

There should be a top margin for the image in the mobile view to fix this overlap.

Screenshots

Enviroment:

• OS: Linux
• Browser: Firefox
• Version:
• Device: Desktop Mobile

Additional Information

If you find this issue valid, I can fix this issue.

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[welcome]

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.

[amitamrutiya]

Closing this issue because it is a duplicate of #1822.

[Ashparshp]

@amitamrutiya Opening this as we haven't heard back from @rahulrana701. You can proceed with the PR. Let's discuss it in our next Monday call.

[Ashparshp]

Fixes #1822

[amitamrutiya]

Sure, I will work on it shortly.

[Aviral0702]

@amitamrutiya Please include the steps to reproduce the issue or the URL of the page where the problem occurs. This will help others replicate the issue more easily.

[Ashparshp]

@Aviral0702 Refer: #1822