Как разместить фоновую картинку?

.block_one { 
  width: 200px; 
  overflow: hidden; 
} 
 
.block_two { 
  width: 200px; 
  height: auto; 
} 
 
.block_two img { 
  width: 100%; 
  height: auto; 
}

<div class="block"><img src="https://i.stack.imgur.com/qQoD4.jpg" alt="Дорогие друзья, с Рождеством, с Новым 2020 Годом!"></div> 
<div class="block_one"><img src="https://i.stack.imgur.com/qQoD4.jpg" alt="Дорогие друзья, с Рождеством, с Новым 2020 Годом!"></div> 
<div class="block_two"><img src="https://i.stack.imgur.com/qQoD4.jpg" alt="Дорогие друзья, с Рождеством, с Новым 2020 Годом!"></div>

.block { 
margin: 5px; 
  width: 500px; 
  height: 200px; 
  border: 2px solid gray; 
  background: url(https://i.stack.imgur.com/qQoD4.jpg) no-repeat; 
} 
 
.block_one { 
  background-size: auto; 
} 
 
.block_two { 
  background-size: cover; 
} 
 
.block_three { 
  background-size: contain; 
}

<div class="block block_one"></div> 
<div class="block block_two"></div> 
<div class="block block_three"></div>