Smirator

Заголовок поместить в div с ограниченной шириной.
Поместить ссылку в заголовок через span.

<div class="section__titles">
        <h2 class="section__title section__title_img">
                Последние новости 
                  <span class="section__title-link"><a href="#">Перейти в блог</a></span>
         </h2>
</div>

.section__titles {
   width: 200px; //нужно подстроить под свой макет
}

Использование !important - это плохая практика. Вам нужно пользоваться специфичностью. "Перебить" конфликтующий стиль.
Я не вижу полной картины с вашими стилями. Специфичность должна быть примерно такой:

section.consultation {
    padding: 45px 20px 80px 20px;
  }

В идеале, если вы укажите еще родителя для элемента section. Разумеется, это работает и для медиа.

Почитать подробно можно тут: https://developer.mozilla.org/ru/docs/Web/CSS/Spec...

Приветствую! Чтобы загрузить её на сайт нужно иметь это изображение в файлах сайтах. То есть, на хостинге, в папке твоего сайта должна быть папка img, в которой лежат изображения. Также, может быть папка logo, с логотипами.
<img src="img/photo.jpg">