Урок 3.4 Верстальщик 2020 не работает first child

делал все как на видео в итоге при выводе картинки на сайт, она отображаласть так же во всех блоках

body {
    background-image: url(../css/картинки/bg.png);
    margin: 0;
}

.product-item {
    background-color: khaki;
    color: white;
    padding: 10px 15px;
    margin: 0px 0 50px;
    height: 100vh;

}

.product-item:first-child{
    background: url(../css/картинки/Fif.jpg) no-repeat,url(../css/картинки/Fif.jpg) no-repeat;
    background-position: top center, bottom center; 
    background-size: 25%, 50;
}

    
}
.product-item_title {
    width: 50%;
    height: auto;
    height: auto;
    box-sizing: border-box;

    margin: 10px 0;

    padding: 10px 25px;

    
    line-height: 1;
}
/* .product-item__description { */

/* } */