Setting contentAligned on Hero to center does not center secondary content

## Summary of the bug
Setting contentAligned on Hero to center does not center secondary content on smaller screen sizes

## 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go the Hero storybook
2. Set contentAligned to center
3. Adjust your window width to a smaller screen size
4. See how Secondary header and secondary description is not in the center

## 📸 Screenshots or code

Start with the Hero Storybook story and reproduce the issue by setting contentAligned to center and narrowing the window. Trace the Hero implementation and its responsive styling for the secondary header and description. Done means both secondary elements remain centered at smaller screen sizes and the Storybook reproduction no longer shows the bug.

Written by the indexing model from the issue text.