Floating image design 1

[jindaliiita]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix

Test URLs:

• Before: https://main--hsf-commonmoves--hlxsites.hlx.live/drafts/piyush/floating-image
• After: https://floating-image--hsf-commonmoves--hlxsites.hlx.live/drafts/piyush/floating-image

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• f2862eb ✅ (latest)
• e0645eb ✅
• ef1d4fd ✅
• 31498e0 ✅

[aem-code-sync]

Page	Scores	Audits	Google
/drafts/piyush/floating-image

[bstopp]

I don't think its necessary to separate out the CSS for the Agent template design - or if you do, just import it in the root floating-images.css; dynamically loading it isn't necessary

[jindaliiita]

I don't think its necessary to separate out the CSS for the Agent template design - or if you do, just import it in the root floating-images.css; dynamically loading it isn't necessary

We maintained separate files to ensure readability. Additionally, there will be multiple designs, but only one will load at a time, ultimately saving bytes over the network.