General example (Rich text - height: 20px and overflow hidden):
Problem 1:
Avoid using max-height for elements with text (Could cause overflow-y issues). Return to none.
Problem 2 (Same as 1)
Same idea for height (use auto)
Problem 3:
On mobile clear some cols:
Last you use to much ideas and styles for very simple layouts (Grid area inside flexbox inside grid and so on). Very hard to handle this over time.
This is global issue in your project (Very buggy for layouts).