scale down image css

1.container {
2  width: 50%;
3  height: 200px;
4  overflow: hidden;
5}
6
7.container img {
8  max-width: 100%;
9  height: auto;
10  display: block;
11}

1img.resize {
2    width: 540px; /* you can use % */
3    height: auto;
4}
5

1<div style="width: 200px; height: 200px;">
2<img src="imagen\imagen1.jpg" style="width: 100px; height: 100px;"/>
3</div>

1/*for scaling down  */
2img {
3  max-height: 70px;
4  max-width: 70px;
5  object-fit: scale-down;
6}