.art-brand {
    width: 80%; /* Resmin genişliğini biraz küçültme */
    height: auto;
    display: block;
    margin: 0 auto;
    opacity: 0.5; /* Resimler başlangıçta silik */
    transition: opacity 0.3s ease, filter 0.3s ease; /* Geçiş animasyonu */
}

    .art-brand:hover {
        opacity: 1; /* Üzerine gelindiğinde opak */
        filter: brightness(0) invert(1); /* Beyaz renge dönüşüm */
    }