Hero Heading with Inline Images & Gradient Text

<h1 class="max-w-3xl sm:text-5xl md:text-6xl lg:text-7xl leading-[1.05] text-4xl tracking-tighter" style="">
                        Transform your ideas <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 object-cover border rounded-xl mr-2 ml-2 border-white/10" src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/cdc38098-4521-4af7-99e5-b91c498bb746_320w.jpg"> into a <span class="bg-clip-text text-transparent tracking-tighter bg-gradient-to-r from-orange-300 to-white" style="">product</span> <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 object-cover border-white/10 border rounded-xl mr-2 ml-2" src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/37d1d838-5d59-46f3-9c23-11f4f638ed9e_320w.jpg"> with <span class="bg-clip-text text-transparent tracking-tighter bg-gradient-to-r from-white to-orange-300" style="">AI</span>
                    </h1>