[HTML&CSS] Помочь в чем проблема

Привет
Возникла сложность с CSS или HTML, точно не знаю.
Нужно сделать так, чтобы перенесённый текст ("тему, путем прохождения интересных квестов") прижался к левой части картинки с градиентом.
Я пробовал использовать text-align: left;, но при маштабировании текст съезжал.
Снизу код html и css для ясности.
https://yadi.sk/d/89DoJlUg3XNTzr UPDATED LINK!!!
07 июня 2018 в 18:45
Ближайшие курсы

Как начать свой путь в разработке?
Онлайн-курс
8
марта
Интенсив «Сегментация клиентов. С чего начать?»
Онлайн-курс
8
марта
Открытое онлайн собеседование со студентом на вакансию junior frontend-разработчика
Онлайн-курс
8
марта
Новые статьи

Что такое MVP и как к нему подступиться
324700

Обновляем программу обучения для менеджеров по продажам
38300

BI-системы: что это и зачем они нужны бизнесу
329800