Arkadaşlar merhaba, sayfamda ki logo kısmında başta logo yanında text var. Yani tamamen png değil. Css ile sayfa boyutu küçüldüğünde yazı renki değişiyor. Fakat logo.png rengi sabit olduğu için değişmiyor.
Opera tarayıcıda sayfa da öğeyi denetle dediğimde style.css içerisine elle kodları ekleyince sayfa boyutu küçüldüğünde logo.png yi değiştiriyor. Büyüdüğünde ise olması gereken hale geliyor. Fakat kodu style.css içerisine kaydettiğim zaman öğeyi denetle kısmında görünmüyor.

Özetlemek gerekirse;
Bu logo bulunan katman.

<h1 class="m-1"><img class="logo" src="img/logo1.png" style="width: 60px; height: 60px;">Kubilay Ağyar</h1>

Style.css dosyasına ise bu kodları ekliyorum

 .logo {
    content: url("../img/logo2.png");
    }
@media (max-width: 991.98px) {
    .logo {
    content: url("../img/logo2.png");
    }
}

Aynı css kodlarını sağ tık> öğeyi denetle yaptığımda style.css içine eklediğimde çalışıyor. Style.css içerisine eklediğimde çalışmıyor ve öğeyi denetle yaptığımda kodlar görünmüyor. Nerede nasıl hata yapıyorum çözemedim.