Как правильно разместить изображение относительно тексту?

Question

[Joulence]

Возникла очередная проблема, из-за некомпетентности, каким образом прописать код, чтобы картинка правильно отображалась, как на примере?

Comments

[WapSter]

Пример своего кода?... И насколько я вижу там вообще превью видео

[Joulence]

Тимур Турсунбаев, https://codepen.io/anon/pen/NQaMdB

но идёт именно картинка

[WapSter]

Joulence, ну в чем тогда проблема? Используй клик по картинке и показывай видео. Вопрос не к css а скорее к js

[Joulence]

Тимур Турсунбаев, вопрос в том, как правильно код записать код для css этой картинки, чтобы она встала в таком-же положении, как на фото (макете) :)

[WapSter]

Joulence, задать ширину картинке.

[Виталий Першин]

Joulence, Может вы хотя бы один курс пройдете по азам верстки? Потому что вы задаете уже 3-й вопрос, который не имеет никаких специфических сложностей.

[Joulence]

Виталий, знаю и проходил, но без практики и помощи мало что выйдет

Answer 1

[Рома Зварич]

У Вас уже есть блок с классом ".intro__left". Добавьте еще один рядом с ним с классом, например, "intro__right", куда переместите картинку.
А для родителя задайте

display: flex;
align-items: center;

Результат:
https://codepen.io/hisbvdis/pen/voejRe?editors=1100