fix: Update container component to respect media queries max-width declarations.

[jardix22]

Description

The outline-container is not working as expected. For some reason, the max-width has higher precedence and it overrides the rest of the media queries max-width declarations added by Tailwind.

/** src/components/base/outline-container/outline-container.css **/
:host {
  @apply sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl xxl:max-w-screen-xxl xxxl:max-w-screen-xxxl;
  display: block;
  max-width: 100%;

  ...
}

Fixes # (issue)

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• [x] Visual Testing

Checklist

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [ ] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules