Изображение с текстом на левой стороне HTML CSS

Question

Я пытаюсь сделать вручную такой дизайн

Теперь у меня есть этот код, чтобы он выглядел так.

   <div class="container">
            <div class="jet-container">
                <div class="jet-section">
                    <img src="{{ asset('public/images/courses.png') }}" alt="">
                    <p>PROFESSIONAL AND OWNER</p>
                    <h3>PILOTS</h3>
                </div>
                <div class="jet-section">2</div>
                <div class="jet-section">3</div>
            </div>
        </div>

Что-то вроде того, что они склеены между собой text и image

независимо от размера экрана: рабочий стол, планшет, мобильный режим.

Дизайн останется то же самое.

Просто новичок ie здесь