The max-height property sets the maximum height of an element.
The height value of the element will be calculated depending on the values of the set properties height, max-height and min-height.
If the height value is greater than the max-height value, then the height of the element is taken equal to the max-height value.
max-height: [ [length | percentage] || [border-box | content-box] ] | available | min-content | max-content | fit-content | none;