.logo img {
    width: 50px;
    height: 50px;
    background: #2c3e50;
}

.logo-light img {
    background: #ecf0f1;
}

/* Стили для изображений статей */
.article-img img {
    width: 100%;
    height: 300px;
    background: #95a5a6;
    object-fit: cover;
}

/* Стили для фоновой картинки героя */
.hero {
    background-image: url('../img/hero-bg.jpg.svg');
    background-size: cover;
    background-position: center;
    min-height: 600px;
}

/* Стили для новостных изображений */
.news-image img,
.featured-news-image img,
.news-item-image img {
    width: 100%;
    height: 300px;
    background: #95a5a6;
    object-fit: cover;
}

/* Стили для изображений о нас */
.about-mission img,
.about-support img {
    width: 100%;
    height: 400px;
    background: #7f8c8d;
    object-fit: cover;
}

/* Стили для фотографий команды */
.team-member-photo img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #bdc3c7;
    object-fit: cover;
}

/* Стили для аватаров */
.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #bdc3c7;
    object-fit: cover;
}

/* Текст-заполнитель для изображений */
.article-img::after,
.news-image::after,
.featured-news-image::after,
.news-item-image::after,
.about-mission::after,
.about-support::after {
    content: "Изображение будет добавлено позже";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    pointer-events: none;
}