Почему такой приоритет у css?

Question

[Nohaga]

Вот этот код

img {
    max-width: 100%;
   }

Перекрывает этот

.slider-main .owl-carousel .owl-item img.slider-main__item-desktop {
    max-width: auto!important;
}

Как это в принципе возможно?

Оба кода в файлах css, в разных файлах, второй код подключён более позже.