<div class="normal"><p>normal</p></div>
<div class="cover"><p>cover</p></div>
<div class="contain"><p>contain</p></div>
<div class="px"><p>300px 150px</p></div>
<div class="auto"><p>auto</p></div>

div {
  display: inline-block;
  width: 430px;
  height: 300px;
  border: 2px solid #000;
  background: url(https://static.pexels.com/photos/247932/pexels-photo-247932.jpeg) no-repeat;
  margin-bottom: 10px;
}

p {
  margin: -37px 0px;
  text-align: center;
  font-size:2em;
}

.normal {
  /* значення за замовчуванням */
}

.cover {
  background-size: cover;
}

.contain {
  background-size: contain;
}

.px {
  background-size: 300px 150px;
}

.auto {
  background-size: 600px auto;
}