how to make html img 1:1 ratio and responsive code example

Example: keep aspect ratio of image css

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}