Максим Шимко

Я бы не советовал пихать картинки в style.css, лучше разграничивать дизайн и данные. Лучше пропиши у дива в html такой атрибут:

<div style="background-image:url(<?= ImgHelper::cropImg($new['image'], 800, 400) ?>)">...</div>

Надеюсь код без ошибок, суть понятна.

Как раз верстал этот шаблончик для практики) Я пользовался Bootstrap но можно использовать Flex. годные вводные видеоуроки тут
Конкретно по твоему вопросу, тебе нужно было бы сделать 2 div один под другим и в каждом div сделать еще два div аля колонки равной между собой ширины. С помощью Flex это делается очень просто.