Fix: Overly Large Instruction Image on application password tutorial on iPad

[pmusolino]

Closes: #12732

Description

This PR resolves the issue reported in #12732, where the instructional image on application password tutorial on the iPad login page was excessively large, leading to a suboptimal user experience.

Changes

• Set the maximum width of the instructional image to 400 px to ensure it fits within the designated area on the iPad screen.
• Aligned the image to the left side of the login view to maintain consistency with the app's design language.

Testing Steps

1. Cancel the app, so you can see the tutorial.
2. Try to login into your store with the application password credentials, and you will see the application password tutorial.
3. Check that the image is aligned on the left and it has the right size both on iPad and iPhone.

Screenshots

After on iPad	After on iPhone

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce iOS by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce iOS
	Build Number	pr12759-26b14e6
	Version	18.7
	Bundle ID	com.automattic.alpha.woocommerce
	Commit	26b14e6
	App Center Build	WooCommerce - Prototype Builds #9147

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.

[itsmeichigo]

I'm unsure about pushing the image to the left - it does look better on larger screen sizes but on iPhones the image might look better when center-aligned.

[pmusolino]

This is a comparison of how they appear pushing the image to the left. They looks good to me. Wdyt? Should I come back to the center alignment, or maybe have a custom rule just for iPad?

iPhone 15 Pro	iPhone 15 Pro Max	iPad Pro 11-inch

[itsmeichigo]

I think keeping the image in the center looks in small screen sizes, while on large screens it's less distracting to be left-aligned. If it's not too complicated, having a separate alignment on large screens would be nice, otherwise I think center-aligned image looks better.

[pmusolino]

Applied the change here: 06edacc (centered the image for both iPhone and iPad)

Ready for another check 🙌

[itsmeichigo]

Thanks for the updates!