Responsive Hero Heading with Inline Avatars

<h1 class="max-w-3xl sm:text-5xl md:text-6xl lg:text-7xl leading-[1.05] text-4xl font-medium tracking-tighter">
    I'm Alex,<img alt="Alex portrait" class="inline-block align-middle h-10 w-10 sm:h-12 sm:w-12 md:h-14 md:w-14 ring-1 ring-neutral-200 object-cover rounded-xl mr-2 ml-2" src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/70f42fcd-9df2-4ed0-aaa4-6582ce1171fa_320w.jpg"> a product designer specialized in SaaS
    <img alt="SaaS dashboard preview" class="inline-block align-middle h-10 w-12 sm:h-12 sm:w-16 md:h-14 md:w-20 ring-1 ring-neutral-200 object-cover rounded-xl mr-2 ml-2" src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/8ba0c135-da13-4a5f-ac02-43049ab39454_320w.jpg"> and AI
</h1>