sitemdeki png lerin arkası siyah

slm arkadaşlar.ana sayfadaki resimlerim png kenarlıkları falan şeffaf fakat siyah gözüküyor bu sorunu nasıl çözeceğim acaba?

birde mesela makalemin sonunda önerilen yazılarım var ordaki resimlerde çok büyük ve png olmasına rağmen siyah.ne yapmam gerekiyor acaba

.post-thumbnail a {
display: block !important;
background: #000;
font-size: 0;
}

Buradaki "Background :#000 " css odsyasından kaldırın

Çok teşekkür ederim hocam.Peki makalenin sonundaki büyümüş resimleri nasıl çözeriz acaba?

#related_posts .related-item {
float: left;
width: 31.33333333%;
height: 180px;
margin: 0 3% 10px 0;
}

width: 18%;

olarak değiştirin.

.post-thumbnail img {
    height: auto;
    max-width: 100%;
    width: 100%;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
}

width: 100%; değerini kaldır. Birde resimler 195px genişliğinde olursa ekrana tam oturacaktır. Boşluk var şuan. Yada resimlerin boyutlarını değiştirmek yerine yan yana 4 tane listelet

çok teşekkür ediyorum ikinizede