I'll help you complete this task. Let me start by taking a screenshot to see the current state of the webpage.
Screenshot
Good! I can see an "Image Viewer" webpage with:
- A title "Image Viewer" with a magnifying glass icon
- A content area showing "Demo Image" as a heading and some lorem ipsum text
- Two circular buttons at the bottom: a minus (-) button on the left and a plus (+) button on the right
I need to note the original size of the content before proceeding. The text appears to be at a standard size. Now let me click the zoom in (+) button twice.
Screenshot
Good! After the first click on the zoom in (+) button, I can see that the content has zoomed in - the text appears larger. The "Demo Image" heading and the lorem ipsum text are noticeably bigger. Now I need to click the zoom in (+) button a second time.
Screenshot
Perfect! After the second click on the zoom in (+) button, the content has zoomed in even more. The text is now even larger than before. I can see that:
- The "Demo Image" heading is significantly larger
- The lorem ipsum text is also much larger
- Less text is visible in the viewport due to the increased zoom
Now I need to click the zoom out (-) button twice to zoom back out to the original size.
Screenshot