Responsive Hero Heading with Inline Images

<h1 class="sm:text-5xl md:text-6xl lg:text-7xl leading-[1.05] text-4xl font-medium tracking-tight max-w-3xl mt-10 mb-10">
                    I'm Sarah,<img alt="Sarah 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/2201bb49-ba9d-4655-9360-c0350107a9fd_320w.jpg" style=""> a photographer capturing <img alt="Wedding couple" 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://cdn.midjourney.com/82841a2a-4621-4e29-82a0-a8d587a765cc/0_0.png?w=800&amp;q=80" style=""> life's precious moments
                </h1>