aspect ratio in image on div code example
Example 1: css image fit in div with aspect ratio
img {
width: 100%;
height: 100%;
object-fit: contain;
}
Example 2: keep aspect ratio of image css
img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
Example 3: css keep aspect ratio image
.image-full {
background: url(...some image...) no-repeat;
background-size: cover;
background-position: center center;
}