SVG

<svg xmlns=“http://www.w3.org/2000/svg” viewBox=“0 0 440 460” width=“100%” height=“100%”> <rect width=“100%” height=“100%” fill=“#000000”/>

<defs>
    <clipPath id="avatar-clip1">
        <circle cx="25" cy="123" r="14"/>
    </clipPath>
    <clipPath id="avatar-clip2">
        <circle cx="25" cy="327" r="14"/>
    </clipPath>
</defs>

<style>
    text {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
    }
    .time { font-size: 12px; font-weight: 600; fill: #8E8E93; }
    .msg { font-size: 16px; font-weight: 400; fill: #FFFFFF; }
</style>

<text x="220" y="30" class="time" text-anchor="middle">Today 08:58 AM</text>

<rect x="50" y="60" width="125" height="38" rx="18" ry="18" fill="#2A2A2D" />
<text x="66" y="84" class="msg">Broooo listen</text>

<rect x="50" y="100" width="95" height="38" rx="18" ry="18" fill="#2A2A2D" />
<text x="66" y="124" class="msg">Heyyyyyy</text>

<circle cx="25" cy="123" r="14" fill="#8E8E93" />
<g clip-path="url(#avatar-clip1)">
    <circle cx="25" cy="116" r="5.5" fill="#E5E5EA" />
    <path d="M 10 138 C 10 125 40 125 40 138 Z" fill="#E5E5EA" />
</g>

<rect x="285" y="158" width="130" height="38" rx="18" ry="18" fill="#366BF5" />
<text x="301" y="182" class="msg">What happen?</text>

<rect x="50" y="216" width="235" height="62" rx="18" ry="18" fill="#2A2A2D" />
<text class="msg">
    <tspan x="66" y="239">I sent her 178 reels while</tspan>
    <tspan x="66" y="263">she's asleep😭</tspan>
</text>

<rect x="50" y="280" width="245" height="62" rx="18" ry="18" fill="#2A2A2D" />
<text class="msg">
    <tspan x="66" y="303">She replied to all 178 reels</tspan>
    <tspan x="66" y="327">I can't believe😭</tspan>
</text>

<circle cx="25" cy="327" r="14" fill="#8E8E93" />
<g clip-path="url(#avatar-clip2)">
    <circle cx="25" cy="320" r="5.5" fill="#E5E5EA" />
    <path d="M 10 342 C 10 329 40 329 40 342 Z" fill="#E5E5EA" />
</g>

<rect x="125" y="362" width="290" height="62" rx="18" ry="18" fill="#366BF5" />
<text class="msg">
    <tspan x="141" y="385">Yes this is what love feels when</tspan>
    <tspan x="141" y="409">you're both unemployed</tspan>
</text>

</svg>