As a Mack Trucks content editor, I want to have more visually appealing images on the website which can be displayed either in full size or as a banner in order to enhance the overall experience and capture user's attention.
Acceptance Criteria
User AC:
[ ] As a user, I can view images that span the entire width of the screen within the magazine article text body.
Editor AC:
[ ] As an editor, I can choose from two variants of this block that have image aspect ratios of 16:9 and 4:3.
[ ] As an editor, I can use this block on any page.
[ ] As an editor, I can use this block from the AEM Sidekick Library.
[ ] As an editor, I can use images from AEM Assets for this block.
Non-functional AC:
[ ] The block shall be named "V2 Image Banner (16:9)" and "V2 Image Banner (4:3)"
[ ] The block can be used in #603
[ ] The block shall have 64 px of padding above and below the image.
Context/Description
As a Mack Trucks content editor, I want to have more visually appealing images on the website which can be displayed either in full size or as a banner in order to enhance the overall experience and capture user's attention.
Acceptance Criteria
User AC:
Editor AC:
Non-functional AC:
Attachment / link to Figma
Desktop: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=14214-16244
Mobile: https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=14223-16180