Grid configuration for grid layout card

Hi All! I’m fighting for a second day to achieve the layout below:

That is my current one and I tried to merge half of the top right area (50% of left area to put there a weather card) so far every attempt just making more mess.

My main goal is to merge area where currently you can see wall-e and alarm cards

My current code:

grid-template-columns: 13% 13% 13% 13% 13% 1% 17% 17% 1%
grid-template-rows: auto
grid-template-areas: |
  "left left left left left break1 right1 right2 break2"
  "a1 a2 a3 a4 a5 break1 right1 right2 break2"
  "b1 b2 b3 b4 b5 break1 right1 right2 break2"

Any help is highly appreciated :slight_smile: