Header/Footer Logo distortions

I am developing my website using MAMP/Localhost offline.

I’ve uploaded different versions of my logos (one logotype, one signet) to use in the header and in the footer of the “tint” theme. Both logos get distorted.

How do I fix this?