This issue is for testing the Image functionality. Below are steps intended to aid with testing. These are the features covered in this issue:

resize
add to page (drag)
set as background (resize, move)
add to page (double click)
stagger
rotate
snapping
drag (move)

UX

QA Steps

1. Add an image to a page as a background (try to find a bigger picture to allow for modifcations)
2. Double click on the background image to enter edit mode
3. Move the image so a different part of the image is displayed as the backgorund
4. Exit edit mode
5. Ensure the new portion of the image is displayed
6. Double click on the background image to enter edit mode
7. Zoom In/Out of the image so a different section of the image is displayed as the backgorund
8. Ensure the new portion of the image is displayed
9. Add a second image to the page via double click on the media library panel
10. Add a third image to the page via drag and drop
11. Ensure it is staggered when compared to the other image added
12. Move the second image on the page below the first one so they are not ovelapping
13. Add a third image to the page
14. Move it below the second image and ensure snapping to common distances is working (snaps to below the second box with the same distance between the first and second images)
15. Rotate the first image
16. Grab the corner of the second image to resize it, ensure the aspect ratio is maintained
17. Using the left or right side of the second image, change the width and ensure the width grows but height does not
18. Grab the botoom of the second image, change the height and ensure the height grows but width does not