Испытание: псевдоэлементы [18/20]

Добрый день! Я наверно совсем дебил.

Очень интересный курс, всё понятно, НО(!!!) почему в коде ниже я не могу поставить просто селектор “.ace-heart”?? Я же именно про эту карту говорю.
Зачем нужно “.two-cards div:first-of-type” такое извращение??

.two-cards div:first-of-type {
background-image: url(/assets/pcourse2/heart-ace.png);
background-position: center;
background-repeat:no-repeat;

Буду благодарна за разъяснения, уверена, что они элементарны, но в моей голове всё никак не сходится.

По селектору .ace-heart не получается задать фоновую картинку, так как в более специфичном селекторе .two-cards div задан белый фон свойством background. Можно там попрвить на background-color:white;, например.