Create 2 HTML documents with the following requirements:
  1. Each HTML doc will have 2 (nested) divs
  2. In each page the outer div will be placed 200 px from the top and 200 px from the left with a dashed border and a width and height of 600 px
  3. The inner div in the first HTML doc will be placed in the top left corner, whereas the inner div in the second HTML doc will be placed at the bottom right corner
  4. Each inner div will have an image of the Iona dolphin
  5. Both pages are driven by an external CSS file
  6. Apply opacity to both images
CSS Sandbox (click here)