css image center

1.center {
2  display: block;
3  margin-left: auto;
4  margin-right: auto;
5}

1img { display:block;
2      margin-left: auto;
3      margin-right:auto;
4      } 
5     

1.centerImg {
2  display: block;
3  margin: 0 auto;
4}

1<img src="myImg.png" class="center">
2
3.center {
4  display: block;
5  margin-left: auto;
6  margin-right: auto;
7  width: 50%;
8}

1.center {
2  display: block;
3  margin-left: auto;
4  margin-right: auto;
5  width: 50%;
6}

1.container {
2    position: relative;
3    float: right;
4    width: 100%;
5    height: 250px;
6    overflow: hidden;
7}
8
9.container img {
10    position: absolute;
11    top: 50%;
12    left: 50%;
13    width: auto;
14    min-width: 100%;
15    height: 100%;
16    /* height: auto; */
17    /* min-height: 100%; */
18    margin-right: -50%;
19    transform: translate(-50%, -50%);
20    object-fit: contain;
21    -o-object-fit: contain;
22}