Relatively Simple CSS Grid question

I want the specific grid-area hero created with grid-template areas to have a fixed size no matter if it sits left or right of the heading.

I have found a solution but I feel like there must be a better way to responsibly manage this.

I provided screenshots of the issue and the code I used cause I think for an expert this is a rather simple question. I'll create a codepen if it's required.
tmp_cd5b423d-66bc-409b-abc8-ab02bc2f3e7f.png
tmp_80054f5a-d56d-4c0d-af25-60b04d921c22.png
tmp_2fa78510-a3d2-4eb9-ade3-b43223a70e9c.png
tmp_2f0c3433-620d-451e-bc75-63d4e4dbb21b.png
Was this page helpful?