Максим

Так и сверстать.
Три тега. Обертка, заголовок, абзац и псевдоэлемент к обертке.
https://jsfiddle.net/kc6tjaye/

<div class="wrap">
  <h1>Title</h1>
  <p>text</p>
</div>

.wrap {
  position: relative;
  width: 400px;
  padding-left: 70px;
  margin: auto;
}
.wrap::before {
  content: "⏰"; /*ваша иконка, можно инлайн svg или как bg, вариантов много*/
  position: absolute;
  top: 10px;
  left: 0;
  display: block; /*или флекс*/
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;  
  box-shadow: 0 0 0 2px orange, 0 0 0 7px white, 0 0 0 9px orange;
}

Если что-то не получается, то выложить код на jsfiddle.net и указать, в чём именно сложности.

как найти наставника или программиста, который даст простые заказы за небольшие деньги?

Никак. Никто таким не будет заниматься.

Хочу как то начать зарабатывать на верстке сайтов но большого опыта в этом не имею

Или искать подработку по знакомым и друзьям, или фриланс. Но на фрилансе вас затопчут.
Увы, такова реальность.

Использовать в тексте
в месте, где нужен перенос. После чего при надобности можно добавить стили br { display: none } и перенос не будет работать)

Список полезных Telegram-каналов:

1. Windows
   
2. Linux
   
3. MacOS и iOS
   
4. Другие ОС
   
5. Компьютерное Железо
   
6. Компьютерные Сети
   
7. Программирование
   
8. Системы Контроля Версий
   
9. IDE и редакторы кода
   
10. Системное Программирование
    
11. C и C++
    
12. Rust
    
13. .NET (C#, F#)
    
14. Java (Kotlin, Scala)
    
15. Python
    
16. Ruby
    
17. Go
    
18. Функциональное Программирование
    
19. Другие языки
    
20. Web-программирование
    
21. Telegram / VK API
    
22. PHP
    
23. CMS
    
24. JavaScript и Frontend
    
25. Frontend-фреймворки
    
26. HTML и CSS
    
27. UI и UX
    
28. Облачные Технологии и Хостинги
    
29. Информационная Безопасность
    
30. DevOps
    
31. Тестирование
    
32. Базы Данных
    
33. Мобильная Разработка
    
34. Встраиваемые Системы
    
35. Электроника
    
36. Алгоритмы
    
37. Математика
    
38. Графика и GameDev
    
39. Data Science, ML, AI
    
40. Маркетинг и SEO
    
41. Офисное ПО и верстка
    
42. Работа и проекты
    
43. OpenSource-проекты
    
44. Разное
    
45. Свободное общение
    
46. Полезные боты
    
47. Новое в IT Chats
    

Ссылка на источник: https://t.me/it_chats/845

https://jsfiddle.net/kx2oqL1w/

Не работает из соображений безопасности. Подробности и многолетние обсуждения со спорами по теме можно загуглить по запросу "CORS SVG".

Простых решений вашего вопроса два - или грузить картинку с того же домена, что и страница, или сконвертировать ее в base64 и вставить непосредственно в SVG:

<svg width="0" height="0" viewBox="0 0 450 300">
  <filter id="displacement-map">
    <feImage xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQ..." x="0" y="0" width="100%" height="100%" preserveAspectRatio="none"></feImage>
    <feColorMatrix type="saturate" values="0" result="IMAGE"/>
    <feGaussianBlur stdDeviation=".5" in="IMAGE" result="MAP"></feGaussianBlur>
    <feDisplacementMap in="SourceGraphic" in2="MAP" scale="15" xChannelSelector="R" yChannelSelector="R" result="TEXTURED_TEXT"></feDisplacementMap>
  </filter>
</svg>

const str =  '<img src="link">1234566 4553342 aaa>';

const img = document.createElement('img');
img.innerHTML = str;

console.log(img) -----/ тут ваш тэг img

и дальше достаете атрибут src с помощью getAttribute('src');