How to Override width and height HTML attributes with CSS

As we learned in Request Metrics' Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website's score. Most responsive design style adjustments are done via max-width values, but when you provide a height value to your image, you can get a distorted image. /* assuming any media query */ img { /* Ensure the image doesn't go offscreen */ max-width: 500px; /* Ensure the image height is responsive regardless of HTML attribute */ height: auto; }