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