Description

End users want to be able to customize the value of grid-template-columns on the #container inside rh-avatar.

Suggested solution

1. Add a new public CSS property for the value of grid-template-columns eg rh-avatar-grid-template-columns
2. In the host's CSS, set this property to its current value: min-content minmax(max-content, 250px)
3. Remove the width property on the container
   • Note that end users should use the min-max function and specify a maximum width if we remove the width property.

Additional context

This change is a result of a conversation with Marionne and Chris Doherty in the RHDS channel on 11-21-2025.