How do you make images responsive (`max-width: 100%` and `height: auto`)

To make images responsive in your web design, you can simply use the following CSS rules:


        <style>
            img {
                max-width: 100%;
                height: auto;
            }
        </style>

By implementing these styles, images will scale with the size of their container while maintaining their aspect ratio.

responsive images CSS web design max-width height auto