Add explicit avatar height/width

[squalrus]

Seeing a few issues in PageSpeed Insights related to the avatar image size not being set and content shifting. Thoughts on the proposed changes?

[vaga]

If you define the width/height in HTML element, we can remove max-width and max-height in CSS file.
I don't understand why it doesn't take CSS properties. If you have an explanation, let me know.

[squalrus]

I don't understand why it doesn't take CSS properties. If you have an explanation, let me know.

I believe a CSS-only solution would be acceptable, but would have to be updated to height and width, rather than max-height and max-width. Currently the text could appear before the image causing the Cumulative Layout Shift to occur when the image "pops" in.

I think the foolproof solution, and part of Google's AMP initiative, is to add the height and width to the images themselves (assuming the size does not change via CSS).

Let me know how you'd like to proceed and I can update the pull request!

[vaga]

I prefer to remove max- prefix if it works, my next issue is to rework the header for better mobile integration. (#61)

[squalrus]

@vaga updated! Let me know what you think.

[squalrus]

Hey @vaga! Wanted to follow-up on this after rolling out the latest changes. I'm now seeing 100% for my site and the Cumulative Layout Shift is no longer an issue thanks to the CSS update.

Thanks again for the awesome, performant theme!