<a href="#" class="card" data-background-image="">01</a>
<a href="#" class="card" data-background-image=" blue">02</a>
<a href="#" class="card" data-background-image="blue">03</a>
<a href="#" class="card" data-background-image="">04</a>

.card {
  display: flex:
  border: solid;
  padding: 2rem;
  background: #eee;
}
.blue {
  background-color: #90CAF9;
}
.red {
  background-color: #AD1457 !important;
  color: white;
}

/**
 * для вопроса https://qna.habr.com/q/1240930
 * Как получить все элементы массива по data-атрибутам?
 */
const ifImgIsEmpty = () => document.querySelectorAll(".card")
  .forEach(card => card.classList.add(
    card.dataset.backgroundImage
    ? 'red'
    : 'blue'
  ));

ifImgIsEmpty();