Как разместить img по центру div?

.target { 
  /*изменения в стилях*/ 
  position: relative; 
  /*изменения в стилях*/ 
  margin-top: 2vmin; 
  margin-left: 1vmin; 
  margin-right: 1vmin; 
  width: 0; 
  height: 0; 
  background: lightblue; 
  border-radius: 50%; 
  border-style: solid; 
  border-width: 10vmin; 
  border-top-color: salmon; 
  border-right-color: transparent; 
  border-bottom-color: salmon; 
  border-left-color: transparent; 
} 
 
.target img { 
  /*изменения в стилях*/ 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%); 
  /*изменения в стилях*/ 
  max-height: 14vmin; 
  max-width: 14vmin; 
}

<div class="target"> 
  <img src="https://cs6.livemaster.ru/storage/73/64/49fcdfe67c695e932b5b0483c87e.jpg" /> 
</div>

.target { 
  /*изменения в стилях*/ 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  /*изменения в стилях*/ 
  margin-top: 2vmin; 
  margin-left: 1vmin; 
  margin-right: 1vmin; 
  width: 0; 
  height: 0; 
  background: lightblue; 
  border-radius: 50%; 
  border-style: solid; 
  border-width: 10vmin; 
  border-top-color: salmon; 
  border-right-color: transparent; 
  border-bottom-color: salmon; 
  border-left-color: transparent; 
} 
 
.target img { 
  max-height: 14vmin; 
  max-width: 14vmin; 
}

<div class="target"> 
  <img src="https://cs6.livemaster.ru/storage/73/64/49fcdfe67c695e932b5b0483c87e.jpg" /> 
</div>

.parent { 
  border: 1px solid black; 
  background: lightgreen; 
  text-align: center; 
  padding-top: 8px; 
  padding-bottom: 8px; 
} 
 
.parent img { 
  border: 1px dotted black; 
}

<div class="parent"> 
  <img src="https://www.gstatic.com/webp/gallery3/1.sm.png" /> 
</div>

.parent { 
  border: 1px solid black; 
  background: lightgreen; 
  padding-top: 8px; 
  padding-bottom: 8px; 
} 
 
.parent img { 
  border: 1px dotted black; 
  margin-left:calc(50% - 121px); 
}

<div class="parent"> 
  <img src="https://www.gstatic.com/webp/gallery3/1.sm.png" /> 
</div>