V5 Heroes example responsive layout issues

Created by: kohheepeace

I found some issues at heroes examples https://getbootstrap.com/docs/5.0/examples/heroes/

📌 Issues

1. Image should be centered or stretched for tablet and mobile

at "Responsive left-aligned hero with image" example

2. Sign Up form is too narrow for mobile

at "Vertically centered hero sign-up form" example

📌 Fixed Codesandbox demo

This is a codesandbox demo URL which fixes these issues. https://9oihf.csb.app

I only added Bootstrap's classes to fix these issues. (*It measns I didn't add custom css)

1. Image should be centered or stretched for tablet and mobile

2. Sign Up form is too narrow for mobile

PR

If this is an issue that needs to be fixed, I'd like to send a PR.

Thanks !

Environment

• Operating system and version: Windows
• Browser and version: Chrome 89.0.4389.114