<main>
  <div>background-repeat: repeat;</div>
  <div>background-repeat: repeat-x;</div>
  <div>background-repeat: repeat-y;</div>
  <div>background-repeat: no-repeat;</div>
</main>

div {
  width: 300px;
  height: 200px;
  background-color: pink;
  background-image: url("https://via.placeholder.com/100x50");
}

div:first-of-type {
  background-repeat: repeat; /* 기본값 */
}

div:nth-of-type(2) {
  background-repeat: repeat-x;
}

div:nth-last-of-type(2) {
  background-repeat: repeat-y;
}

div:last-of-type {
  background-repeat: no-repeat;
}

main {
  padding: 10px;
  display:grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  place-items: center center;
}