Резервируем место под изображение заранее

Текст прыгает вниз, когда загружается фотография. Браузеру не хватает сведений о её пропорциях. Укажите настоящие размеры исходника в HTML.

<img src="/images/project.jpg" width="1200" height="800" alt="Главная страница проекта">
<style>
img { max-width: 100%; height: auto; }
</style>

Атрибуты задают пропорцию, а CSS разрешает уменьшение картинки. Не подставляйте одинаковую пару размеров для файлов разных форматов. Если карточка намеренно обрезает фото, задайте отдельный контейнер и object-fit. Проверяйте результат с отключённым кешем: при повторном открытии скачок легко не заметить.