Layer5: Wrong alignment of Layer5 intro video.

[naman360]

Description
The intro video is left aligned which hides some part of the video.

Expected Behavior
It should be centered so that the whole video is properly visible.

Screenshots

Enviroment:

• Host OS:
• Meshery Version:
• Kubernetes Version:
• Browser:

---

[Optional] To Reproduce
Steps to reproduce the behavior:

1. Go to https://layer5.io/programs/gsoc
2. Scroll down to the video
3. See error

[Optional] Additional Context

---

Contributor Resources
The layer5 repo contains two websites. The current generation and the next-generation of the layer5.io site.

If the layer5-ng label is absent on this issue, then this issue pertains to the current generation of the layer5.io website, which uses Jekyll and GitHub Pages. Site content is found under the master branch.

• See layer5 contributing instructions

If the layer5-ng label is present on this issue, then this issue pertains to the next-generation of the layer5.io website, which uses Gatsby, Strapi, and GitHub Pages. Site content is found under the layer5-ng branch.

• See layer5-ng contributing instructions

[welcome[bot]]

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

[navendu-pottekkat]

Could I work on this issue? Seems like an easy fix and I think it would be a good first PR to Layer5 for me

[naman360]

@leecalcote

[leecalcote]

Sounds great, @navendu-pottekkat.

[leecalcote]

Thanks for identifying this issue, @naman360.

[navendu-pottekkat]

Thanks @leecalcote I will make a PR