<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;
}.gradient {
background: linear-gradient(to left, rgba(1, 6, 17, 0.7) 10%, transparent 25%, transparent 75%, rgba(1, 6, 17, 0.7) 90%);
}
transform: skew() (значение укажите сами) для псевдоэлемента.
left: 50%;
transform: translateX(-50%);