
Image pair 1 - Image source: CRAFT keeps the default sample image; PageFly uses a different image from its library.

Image pair 2 - Alt text: CRAFT alt text is craft-image-alt-2; PageFly alt text is pf-image-alt-2.

Image pair 3 - Title text: CRAFT title text is craft-image-title-3; PageFly side is left unchanged.

Image pair 4 - Hover image: CRAFT sets a hover image with hover alt craft-hover-alt-4; PageFly side is left unchanged.

Image pair 5 - Click action: CRAFT image opens https://craft-image-link.example.org in a new tab; PageFly side is left unchanged.

Image pair 6 - Aspect ratio: CRAFT uses a custom aspect ratio (500x100) instead of Original; PageFly side is left unchanged.

Image pair 7 - Image width: CRAFT image width is 300px; PageFly image width is 600px.

Image pair 8 - Image position: CRAFT positions the image to the top-right of its frame; PageFly side is left unchanged.

Image pair 9 - Self alignment: CRAFT self-alignment is right; PageFly side is left unchanged.

Image pair 10 - Width mode: CRAFT width is set to Hug content; PageFly side is left unchanged.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image pair 11 - Margins: CRAFT margins are 40px on all sides; PageFly margins are 10px on all sides.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image pair 12 - Padding: CRAFT padding is 30px on all sides; PageFly padding is 12px on all sides.

Image pair 13 - Corner radius: CRAFT corner radius is 12px; PageFly border radius is 24px.

Image pair 14 - Border: CRAFT border is solid 2px black; PageFly border is dashed red.

Image pair 15 - Opacity: CRAFT opacity is 50%; PageFly opacity is 70%.

Image pair 16 - Shadow: CRAFT enables a drop shadow (5px offsets, 10px blur); PageFly enables its default shadow.

Image pair 17 - Entrance animation: CRAFT entrance animation is Fade in; PageFly when-visible animation is Bounce.

Image pair 18 - Hover animation: CRAFT hover animation is Bob; PageFly mouse-over animation is Buzz.

Image pair 19 - CSS class: CRAFT custom CSS class is craft-image-class-19; PageFly HTML class is pf-image-class-19.

Image pair 20 - HTML id: CRAFT custom HTML id is craft-image-id-20; PageFly HTML ID is pf-image-id-20.

Image pair 21 - Device visibility: PageFly hides the image on mobile devices; CRAFT side is left unchanged.